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 相关文章推荐
js树形控件脚本代码
Jul 24 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
jquery自定义属性(类型/属性值)
May 21 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
Bootstrap基础学习
Jun 16 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
JS随机数产生代码分享
Feb 24 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 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
新52大事件
2020/03/03 欧美动漫
php set_time_limit()函数的使用详解
2013/06/05 PHP
微信支付开发交易通知实例
2016/07/12 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
Python新手们容易犯的几个错误总结
2017/04/01 Python
Python退火算法在高次方程的应用
2018/07/26 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
关于pytorch中全连接神经网络搭建两种模式详解
2020/01/14 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
如何将整数int转换成字串String
2014/03/21 面试题
女方回门宴答谢词
2014/01/14 职场文书
学习2014年全国两会心得体会
2014/03/12 职场文书
会计的岗位职责
2014/03/15 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书
工作建议书范文
2014/05/13 职场文书
数学教育专业求职信
2014/07/22 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
卖房授权委托书样本
2014/10/05 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis