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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
Promise.all中对于reject的处理方法
Aug 01 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
JS实现无限轮播无倒退效果
Sep 21 Javascript
vue backtop组件的实现完整代码
Apr 07 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
在服务端进行目录建立、删除,文件上传、删除的过程的php代码
2008/09/10 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
php中的ini配置原理详解
2014/10/14 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
Javascript面向对象之四 继承
2011/02/08 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
在JS循环中使用async/await的方法
2018/10/12 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
python实现linux下使用xcopy的方法
2015/06/28 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
值传递还是引用传递
2015/02/08 面试题
护理自荐信范文
2013/10/05 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
爱我中华演讲稿
2014/05/20 职场文书
先进单位事迹材料
2014/12/25 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
硕士学位申请报告
2015/05/15 职场文书
Python天气语音播报小助手
2021/09/25 Python