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 相关文章推荐
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
原生js二级联动效果
Jun 20 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 Javascript
JS实现的对象去重功能示例
Jun 04 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
Swiper实现导航栏滚动效果
Oct 16 Javascript
8个JS的reduce使用实例和reduce操作方式
Oct 05 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数组应用之比较两个时间的相减排序
2008/08/18 PHP
PHP分页显示制作详细讲解
2008/11/19 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
php接口技术实例详解
2016/12/07 PHP
PHP实现百度人脸识别
2019/05/06 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
动态加载iframe
2006/06/16 Javascript
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
jquery实现侧边栏左右伸缩效果的示例
2017/12/19 jQuery
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
jquery实现穿梭框功能
2021/01/19 jQuery
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
Django web自定义通用权限控制实现方法
2020/11/24 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
花卉与景观设计系大学生求职信
2013/10/01 职场文书
大课间活动制度
2014/01/18 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
海洋天堂观后感
2015/06/05 职场文书
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL