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 相关文章推荐
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
JS实现拖动示例代码
Nov 01 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
微信小程序实现折叠面板
Jan 31 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
公众号SVG动画交互实战代码
May 31 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
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
PHP文件上传类实例详解
2016/04/08 PHP
php实现文章置顶功能的方法
2016/10/20 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
简单学习vue指令directive
2016/11/03 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
Django框架使用富文本编辑器Uedit的方法分析
2018/07/31 Python
python批量爬取下载抖音视频
2019/06/17 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
装修五一活动策划案
2014/01/23 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
二十年同学聚会感言
2015/07/30 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
CentOS MySql8 远程连接实战
2022/04/19 MySQL
讲解MySQL增删改操作
2022/05/06 MySQL
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js