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 Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
Jquery解析json数据详解
Dec 26 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
原生js实现随机点餐效果
Dec 10 Javascript
JavaScript实现横版菜单栏
Mar 17 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
谈谈PHP语法(5)
2006/10/09 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
Python Pillow Image Invert
2019/01/22 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
省级四好少年事迹材料
2014/01/25 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
考博导师推荐信范文
2015/03/27 职场文书
2015年物业公司保洁工作总结
2015/10/22 职场文书
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS
Mysql中mvcc各场景理解应用
2022/08/05 MySQL