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 相关文章推荐
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
jquery实现动静态条形统计图
Aug 17 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
Aug 22 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 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 伪造HTTP_REFERER页面URL来源的三种方法
2016/09/22 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
利用python修改json文件的value方法
2018/12/31 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
python跨文件使用全局变量的实现
2020/11/17 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
介绍下Java中==和equals的区别
2013/09/01 面试题
保护野生动物倡议书
2014/05/16 职场文书
开服装店计划书
2014/08/15 职场文书
党建工作整改措施
2014/10/28 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
HTML中的表格元素介绍
2022/02/28 HTML / CSS
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python