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类代码
Jun 27 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
使用非html5实现js板连连看游戏示例代码
Sep 22 Javascript
js中settimeout方法加参数
Feb 28 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
微信小程序 教程之事件
Oct 18 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
JS面向对象之单选框实现
Jan 17 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 Vue.js
监控 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
世界收音机发展史
2021/03/01 无线电
PHP脚本的10个技巧(5)
2006/10/09 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
教大家制作简单的php日历
2015/11/17 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
用javascript自动显示最后更新时间
2007/03/15 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
py中的目录与文件判别代码
2008/07/16 Python
python 正则式使用心得
2009/05/07 Python
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
pygame学习笔记(5):游戏精灵
2015/04/15 Python
python删除某个字符
2018/03/19 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
轻松制作精彩视频:Animoto
2018/09/19 全球购物
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
市场营销专业应届生自荐信
2014/06/19 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android