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 相关文章推荐
参考:关于Javascript中实现暂停的几篇文章
Mar 04 Javascript
动态为事件添加js代码示例
Feb 15 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
Apr 28 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 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
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
js 学习笔记(三)
2009/12/29 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
javascript几个易错点记录
2014/11/26 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
python文件写入实例分析
2015/04/08 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
初中生自我评价
2014/02/01 职场文书
成龙洗发水广告词
2014/03/14 职场文书
工作分析计划书
2014/04/30 职场文书
积极向上的团队口号
2014/06/06 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
党支部书记岗位职责
2015/02/15 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书
决心书格式及范文
2019/06/24 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL
Python IO文件管理的具体使用
2022/03/20 Python
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技