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 相关文章推荐
Extjs中常用表单介绍与应用
Jun 07 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
js实现单一html页面两套css切换代码
Apr 11 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
vue的toast弹窗组件实例详解
May 14 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
Vue登录注册并保持登录状态的方法
Aug 17 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
监控 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/29 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
使用php实现截取指定长度
2013/08/06 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
图解javascript作用域链
2019/05/27 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
js实现时间日期校验
2020/05/26 Javascript
Python 元类使用说明
2009/12/18 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
django Admin文档生成器使用详解
2019/07/22 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
python dict乱码如何解决
2020/06/07 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
印度网上药店:1mg
2017/10/13 全球购物
校园活动宣传方案
2014/03/28 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
意向协议书范本
2014/04/23 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
运动会致辞稿
2015/07/29 职场文书
入党后的感想
2015/08/10 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python