jquery获取select选中值的方法分析


Posted in Javascript onDecember 22, 2015

本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下:

误区:

以前一直以为jquery获取select中option被选中的文本值,是这样写的:

$("#s").text(); //获取所有option的文本值

实际上应该这样:

$("#s option:selected").text(); //获取选中的option的文本值

获取select中option的被选中的value值:
$("#s").val();
$("#s option:selected").val();

js获取select选中的值:

var sel=document.getElementById("select1");
var index = sel.selectedIndex; // 选中索引
albumid= sel.options[index].value;//要的值

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
深入认识JavaScript中的函数
Jan 22 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
TypeScript 学习笔记之基本类型
Jun 19 Javascript
Jquery使用小技巧汇总
Dec 29 Javascript
JavaScript中0和""比较引发的问题
May 26 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
axios封装与传参示例详解
Oct 18 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 #Javascript
点评js异步加载的4种方式
Dec 22 #Javascript
JS模拟按钮点击功能的方法
Dec 22 #Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 #Javascript
js实现仿微博滚动显示信息的效果
Dec 21 #Javascript
Javascript实现Array和String互转换的方法
Dec 21 #Javascript
图解Sublime Text3使用技巧
Dec 21 #Javascript
You might like
深入PHP autoload机制的详解
2013/06/09 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
谈谈你对Zend SAPIs(Zend SAPI Internals)的理解
2015/11/10 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
2010/03/25 Javascript
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
2013/10/24 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
在Express中提供静态文件的实现方法
2019/10/17 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
Python自动生产表情包
2017/03/17 Python
python字典DICT类型合并详解
2017/08/17 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
美国价格实惠的在线眼镜网站:Zeelool
2020/12/25 全球购物
EJB需直接实现它的业务接口或Home接口吗,请简述理由
2016/11/23 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
大三在校生电子商务求职信
2013/10/29 职场文书
董事长岗位职责
2013/11/30 职场文书
学校后勤人员职责
2013/12/27 职场文书
单位消防安全制度
2014/01/12 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
会议接待欢迎标语
2014/10/08 职场文书
学校2014年度工作总结
2014/12/06 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang
小程序自定义轮播图圆点组件
2022/06/25 Javascript