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一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
五个jQuery图片画廊插件 推荐
May 12 Javascript
JS链式调用的实现方法
Mar 07 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
Vue源码解读之Component组件注册的实现
Aug 24 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 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 ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
你真的了解Python的random模块吗?
2017/12/12 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
python框架django项目部署相关知识详解
2019/11/04 Python
Python日志syslog使用原理详解
2020/02/18 Python
如何理解python对象
2020/06/21 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
求职自荐书范文
2013/12/04 职场文书
大学生的自我鉴定范文
2014/01/21 职场文书
教师节感谢信
2015/01/22 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
导游词之镜泊湖
2019/12/09 职场文书
golang中实现给gif、png、jpeg图片添加文字水印
2021/04/26 Golang