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 DOM学习第六章 表单实例
Feb 19 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 Javascript
node.js中的fs.lstatSync方法使用说明
Dec 16 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
Feb 26 Javascript
使用javascript实现判断当前浏览器
Apr 14 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
基于javascript实现文字无缝滚动效果
Mar 22 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 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 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
Python备份Mysql脚本
2008/08/11 Python
Python中zfill()方法的使用教程
2015/05/20 Python
python函数局部变量用法实例分析
2015/08/04 Python
Python中装饰器高级用法详解
2017/12/25 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
python调用opencv实现猫脸检测功能
2019/01/15 Python
python实现桌面壁纸切换功能
2019/01/21 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
Python如何读写字节数据
2020/08/05 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
Delphi工程师笔试题
2013/09/21 面试题
我爱我校演讲稿
2014/05/21 职场文书
销售员态度差检讨书
2014/10/26 职场文书
街道社区活动报告
2015/02/05 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL