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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
JQuery autocomplete 使用手册
Apr 01 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
js获取IFRAME当前的URL的方法
Nov 13 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
Oct 15 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
Vue封装的组件全局注册并引用
Jul 24 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
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
2007/01/11 Javascript
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
JS实现简易计算器
2020/02/14 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
Vue微信公众号网页分享的示例代码
2020/05/28 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
[51:52]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
[45:50]完美世界DOTA2联赛PWL S3 CPG vs Forest 第二场 12.16
2020/12/17 DOTA
Python读写Excel文件的实例
2013/11/01 Python
Python入门篇之列表和元组
2014/10/17 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python使用微信SDK实现的微信支付功能示例
2017/06/30 Python
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
QA工程师岗位职责
2013/11/20 职场文书
员工安全生产责任书
2014/07/22 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
党员公开承诺书2016
2016/03/24 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server