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实现的页面日历
Nov 04 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
JavaScript声明变量时为什么要加var关键字
Sep 29 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
解析php中memcache的应用
2013/06/18 PHP
php学习笔记之基础知识
2014/11/08 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
Prototype Hash对象 学习
2009/07/19 Javascript
为指定元素增加样式的js代码
2009/12/09 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
JavaScript实现表格点击排序的方法
2015/05/11 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
房屋改造计划书
2014/01/10 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
企业宣传方案
2014/03/04 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
2016年“抗战胜利纪念日”71周年校园广播稿
2015/12/18 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python
Python开发五子棋小游戏
2022/05/02 Python
Redis基本数据类型Set常用操作命令
2022/06/01 Redis