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 相关文章推荐
JS URL传中文参数引发的乱码问题
Sep 02 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
网页图片延时加载的js代码
Apr 22 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
Js利用正则表达式去除字符串的中括号
Nov 23 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
一个用php3编写的简单计数器
2006/10/09 PHP
福利彩票幸运号码自动生成器
2006/10/09 PHP
php in_array 函数使用说明与in_array需要注意的地方说明
2010/04/13 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
JavaScript延迟加载
2021/03/09 Javascript
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
Underscore.js常用方法总结
2015/02/28 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
2018/10/01 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
2020/07/26 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
python 性能优化方法小结
2017/03/31 Python
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
详解python 中in 的 用法
2019/12/12 Python
python实现批量转换图片为黑白
2020/06/16 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
娇韵诗香港官网:Clarins香港
2020/08/13 全球购物
汽车专业毕业生自荐信
2013/11/03 职场文书
员工安全生产承诺书
2014/05/22 职场文书
项目经理任命书范本
2014/06/05 职场文书
解决mysql的int型主键自增问题
2021/07/15 MySQL
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python