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 相关文章推荐
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
ES10 特性的完整指南小结
Mar 04 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 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
配置最新的PHP加MYSQL服务器
2006/10/09 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
PHP下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
2013/04/23 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
2017/11/15 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python实现发送邮件及附件功能
2021/03/02 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
python 合并多个excel中同名的sheet
2021/01/22 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
个人社会实践自我鉴定
2014/03/24 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
教师节主持词开场白
2015/05/29 职场文书
锦旗赠语
2015/06/23 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
Go 自定义package包设置与导入操作
2021/05/06 Golang
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
源码安装apache脚本部署过程详解
2022/09/23 Servers