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 30 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
node.js中的path.normalize方法使用说明
Dec 08 Javascript
JavaScript字符串常用的方法
Mar 10 Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
JavaScript中Object基础内部方法图
Feb 05 Javascript
angularJs利用$scope处理升降序的方法
Oct 08 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 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 5.0对象模型深度探索之对象复制
2008/03/27 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
清除div下面的所有标签的方法
2014/02/17 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
2017/06/19 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
Python跳出循环语句continue与break的区别
2014/08/25 Python
python服务器端收发请求的实现代码
2014/09/29 Python
初步解析Python中的yield函数的用法
2015/04/03 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
Python实现多属性排序的方法
2018/12/05 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
Java中compareTo和compare的区别
2016/04/12 面试题
九年级英语教学反思
2014/01/31 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
10的分与合教学反思
2014/04/30 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
购房委托书
2014/10/15 职场文书
道歉信范文
2015/05/12 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书