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 相关文章推荐
JSQL SQLProxy 的 php 版本代码
May 05 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
Jun 23 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
深入解析Vue 组件命名那些事
Jul 18 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
监控 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 Try-catch 语句使用技巧
2016/02/28 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
js验证表单大全
2006/11/25 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
用jquery写的菜单从左往右滑动出现
2014/04/11 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
python strip()函数 介绍
2013/05/24 Python
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
python实现的jpg格式图片修复代码
2015/04/21 Python
Python脚本暴力破解栅栏密码
2015/10/19 Python
Python selenium如何设置等待时间
2016/09/15 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
四好少年事迹材料
2014/01/12 职场文书
一个大学生十年的职业规划
2014/01/17 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
音乐教育感言
2014/03/05 职场文书
企业承诺书格式
2014/05/21 职场文书
十八大演讲稿
2014/05/22 职场文书
企业总经理任命书
2014/06/05 职场文书
审计班子对照检查材料
2014/08/27 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers