js获取当前select 元素值的代码


Posted in Javascript onApril 19, 2010
  1. 如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。
  2. 可以通过 select.selectedIndex 获取到选中的 option 元素的索引。
  3. 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。
  4. option 元素 <option selected="selected" value="value3">text3</option>,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得 option 元素内的文本,即 text3。
  5. 如果 option 元素没有定义 value 属性,则 IE 中 option.value 无法获得,但 Safari、Opera、FireFox 依旧可以通过 option.value 获得,值同于 option.text 。
  6. 可以通过 option.attributes.value && option.attributes.value.specified 来判断 option 元素是否定义了 value 属性。

故,获得当前 select 元素值的脚本如下:

var getSelectValue = funtion(select) { 
var idx = select.selectedIndex, 
option, 
value; 
if (idx > -1) { 
option = select.options[idx]; 
value = option.attributes.value; 
return (value && value.specified) ? option.value : option.text); 
} 
return null; 
}
Javascript 相关文章推荐
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
javascript 通用简单的table选项卡实现
May 07 Javascript
jQuery参数列表集合
Apr 06 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
js读写json文件实例代码
Oct 21 Javascript
jQuery常用且重要方法汇总
Jul 13 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
Feb 25 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
vue实现公共方法抽离
Jul 31 Javascript
监控 url fragment变化的js代码
Apr 19 #Javascript
jquery获取input表单值的代码
Apr 19 #Javascript
编写高性能的JavaScript 脚本的加载与执行
Apr 19 #Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
Apr 18 #Javascript
jquery 新手学习常见问题解决方法
Apr 18 #Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 #Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 #Javascript
You might like
thinkphp整合微信支付代码分享
2016/11/24 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
Javascript中Eval函数的使用
2010/03/23 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
跟老齐学Python之用while来循环
2014/10/02 Python
改进Django中的表单的简单方法
2015/07/17 Python
Python工程师面试必备25条知识点
2018/01/17 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
Linux内核产生并发的原因
2012/07/13 面试题
财务管理职业生涯规划书
2014/02/26 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
2014年检验科工作总结
2014/11/22 职场文书
给女朋友道歉的话大全
2015/01/20 职场文书
消防安全月活动总结
2015/05/08 职场文书
行政复议决定书
2015/06/24 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript