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 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
Dec 25 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 Javascript
详解Vue 的异常处理机制
Nov 30 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
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
理解Javascript_13_执行模型详解
2010/10/20 Javascript
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
python 判断参数为Nonetype类型或空的实例
2018/10/30 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
Python自动创建Excel并获取内容
2020/09/16 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
电子技术专业中专生的自我评价
2013/12/17 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
车间统计员岗位职责
2015/04/14 职场文书
消防隐患整改通知书
2015/04/22 职场文书
《水上飞机》教学反思
2016/02/20 职场文书