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获取路径设计源码
May 22 Javascript
分享15个大家都熟知的jquery小技巧
Dec 02 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
Ajax请求超时与网络异常处理图文详解
May 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
一个php作的文本留言本的例子(五)
2006/10/09 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python字典快速保存于读取的方法
2018/03/23 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
python实现扫描ip地址的小程序
2019/04/16 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
市场营销个人求职信范文
2014/02/02 职场文书
家电业务员岗位职责
2014/03/10 职场文书
未婚证明书模板
2014/10/08 职场文书
2014年医生工作总结
2014/11/21 职场文书
运动会新闻稿
2015/07/17 职场文书
承诺书怎么写 ?
2019/04/16 职场文书