javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)


Posted in Javascript onDecember 17, 2013

JavaScript获取Select当前值写法:
var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;
var text = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].text;

例子:

<script>
function check() {
      var select = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;
      alert(select);
}
</script>
<select name="select" id="select">
<option value="test1" selected="selected">Test1</option>
<option value="test2">Test2</option>
</select>
<input type="button" value="我要试试" onclick="check()"/>
Javascript 相关文章推荐
[推荐]javascript 面向对象技术基础教程
Mar 03 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
js计算最大公约数和最小公倍数代码实例
Sep 11 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
Vue如何基于es6导入外部js文件
May 15 Javascript
在vue中使用Echarts画曲线图的示例
Oct 03 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
Dec 17 #Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 #Javascript
js实现倒计时时钟的示例代码
Dec 17 #Javascript
B/S模式项目中常用的javascript汇总
Dec 17 #Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 #Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 #Javascript
js采用map取到id集合组并且实现点击一行选中一行
Dec 16 #Javascript
You might like
PHP 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
JavaScript验证Email(3种方法)
2015/09/21 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
Angular2平滑升级到Angular4的步骤详解
2017/03/29 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
深入理解Python中的元类(metaclass)
2015/02/14 Python
详解Python编程中time模块的使用
2015/11/20 Python
小小聊天室Python代码实现
2016/08/17 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
python远程连接MySQL数据库
2019/04/19 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
外语系毕业生自荐信范文
2013/12/16 职场文书
军人离婚协议书样本
2014/10/21 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书