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 Firefox3.5中操作select的问题
Jul 10 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
javascript与有限状态机详解
May 08 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
原生js实现点击轮播切换图片
Feb 11 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更快的提供文件下载的代码
2012/06/13 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
php的PDO事务处理机制实例分析
2017/02/16 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
jquery checkbox实现单选小例
2013/11/27 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
vue实现购物车加减
2020/05/30 Javascript
用Python实现协同过滤的教程
2015/04/08 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
使用纯 CSS 创作一个脉动 loader效果的源码
2018/09/28 HTML / CSS
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
西尔斯百货官网:Sears
2016/09/06 全球购物
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
财务会计专业应届毕业生求职信
2013/10/18 职场文书
技术副厂长岗位职责
2013/12/26 职场文书
工作所在部门证明
2014/09/21 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
vue基于Teleport实现Modal组件
2021/05/31 Vue.js
javascript Number 与 Math对象的介绍
2021/11/17 Javascript