javascript获取select标签选中的值


Posted in Javascript onJune 04, 2016
var obj = document.getElementById("testSelect"); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式

$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected').val();//选中的值

$("#testSelect").get(0).selectedIndex;//索引

第二种方式

$("#tesetSelect").find("option:selected").text();//选中的文本

$("#tesetSelect").find("option:selected").val();

$("#tesetSelect").find("option:selected").get(0).selectedIndex;

以上就是javascript获取select标签选中的值的全部内容,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
javaScript 判断字符串是否为数字的简单方法
Jul 25 Javascript
JavaScript学习笔记(十七)js 优化
Feb 04 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
Apr 06 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
vue中实现回车键登录功能
Feb 19 Javascript
es6函数之rest参数用法实例分析
Apr 18 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
jQuery Mobile 触摸事件实例
Jun 04 #Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 #Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 #Javascript
javacript获取当前屏幕大小
Jun 04 #Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 #Javascript
JS实现图片的不间断连续滚动的简单实例
Jun 03 #Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 #Javascript
You might like
计数器详细设计
2006/10/09 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
js 处理URL实用技巧
2010/11/23 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
浅谈javascript错误处理
2019/08/11 Javascript
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
解决python写的windows服务不能启动的问题
2014/04/15 Python
python获取目录下所有文件的方法
2015/06/01 Python
python中list常用操作实例详解
2015/06/03 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
Sanic框架Cookies操作示例
2018/07/17 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
Python 发送邮件方法总结
2020/08/10 Python
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
Lookfantastic瑞典:英国知名美妆购物网站
2018/04/06 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
人力资源经理自我评价
2014/01/04 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
大学迎新生标语
2014/10/06 职场文书
四大名著读书笔记
2015/06/25 职场文书
小学大队长竞选稿
2015/11/20 职场文书