jQuery中的select操作详解


Posted in Javascript onNovember 29, 2016

下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示:

select的html标签如下:

<select class="xxx" id="yyy"><option></option>...<option></option></select>

1.设置value为“lll”的option选中

$('#yyy').val("lll");或者$('.xxx').val("lll")

可用于让select自动选中某一项,例如选中从后台传来的值和option的value相同的项

2.设置text为“lll”的option选中

$('#yyy').find("option[text="lll"]").attr("selected","selected");或者$('。xxx').find("option[text="lll"]").attr("selected","true");

3.获取当前选中项的值

$('#yyy').val();或者$('.xxx').val();

4.获取当前选中项的text

$('#yyy').find("option:selected").text()或者$('#yyy option:selected').text()

以上所述是小编给大家介绍的jQuery中的select操作详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
js 判断控件获得焦点的示例代码
Mar 04 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
实例浅析js的this
Dec 11 Javascript
Js apply方法详解
Feb 16 Javascript
jQuery中的deferred使用方法
Mar 27 jQuery
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
创建与框架无关的JavaScript插件
Dec 01 Javascript
微信小程序加载更多 点击查看更多
Nov 29 #Javascript
AngularJs表单验证实例代码解析
Nov 29 #Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 #Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 #Javascript
JavaScript获取服务器端时间的方法
Nov 29 #Javascript
微信小程序链接传参并跳转新页面
Nov 29 #Javascript
JavaScript中Array对象用法实例总结
Nov 29 #Javascript
You might like
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
测试你的JS的掌握程度的代码
2009/12/09 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
简单说说angular.json文件的使用
2018/10/29 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
[00:11]战神迅矛
2019/03/06 DOTA
Python将多个excel表格合并为一个表格
2021/02/22 Python
python flask框架实现重定向功能示例
2019/07/02 Python
python代码编写计算器小程序
2020/03/30 Python
python多线程并发及测试框架案例
2019/10/15 Python
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
介绍一下gcc特性
2012/01/20 面试题
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
小学运动会报道稿
2014/10/04 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
如何利用Python实现一个论文降重工具
2021/07/09 Python
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS