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 相关文章推荐
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
JavaScript 自动完成脚本整理(33个)
Oct 20 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 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
一个好用的分页函数
2006/11/16 PHP
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
抓取YAHOO股票报价的类
2009/05/15 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
PHP学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
WordPress中&quot;无法将上传的文件移动至&quot;错误的解决方法
2015/07/01 PHP
浅谈COOKIE和SESSION区别
2015/07/19 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
漂亮的提示信息(带箭头)
2007/03/21 Javascript
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
2018/03/17 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python字符串处理实现单词反转
2017/06/14 Python
django中的HTML控件及参数传递方法
2018/03/20 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
python下载的库包存放路径
2020/07/27 Python
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
2014小学植树节活动总结
2014/03/10 职场文书
环保小标语
2014/06/13 职场文书
研究生导师推荐信
2014/09/06 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书