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 this调用规则说明
Mar 08 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 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中的数据传输CURL
2016/09/06 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
JavaScript字符串_动力节点Java学院整理
2017/06/27 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
python实现石头剪刀布程序
2021/01/20 Python
使用python实现滑动验证码功能
2019/08/05 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
python中property和setter装饰器用法
2019/12/19 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
python 爬取小说并下载的示例
2020/12/07 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
九年级化学教学反思
2014/01/28 职场文书
幼儿园亲子活动方案
2014/01/29 职场文书
中班幼儿评语大全
2014/04/30 职场文书
食品安全责任书范本
2015/05/09 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
MySQL 语句执行顺序举例解析
2022/06/05 MySQL