javascript获取select值的方法分析


Posted in Javascript onJuly 02, 2015

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考。具体分析如下:

1. 获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

2. 获取数据库中的id

window.document.getElementById("bigclass").value

3.获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子:

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>

使用:

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

结果是:我适宜市哈

使用:

window.document.getElementById("bigclass").value

结果是:4

使用:

window.document.getElementById("bigclass").selectedIndex

结果是:1

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript instanceof,typeof的区别
Mar 24 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
layui默认选中table的CheckBox复选框方法
Sep 19 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
JavaScript获取并更改input标签name属性的方法
Jul 02 #Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 #Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
Jul 01 #Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 #Javascript
JS访问SWF的函数用法实例
Jul 01 #Javascript
JS随机调用指定函数的方法
Jul 01 #Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 #Javascript
You might like
php中几种常见安全设置详解
2010/04/06 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
基于php实现的验证码小程序
2016/12/13 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
javascript中new关键字详解
2015/12/14 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
2017/02/14 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
Python中@property的理解和使用示例
2019/06/11 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
Python中print函数简单使用总结
2019/08/05 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
python交互模式基础知识点学习
2020/06/18 Python
机械专业毕业生自荐信
2013/11/02 职场文书
大学生职业规划前言模板
2013/12/27 职场文书
模具专业求职信
2014/06/26 职场文书