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 文件传参及处理技巧分析
May 13 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
javascript:文字不间断向左移动的实例代码
Aug 08 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
react 路由Link配置详解
Nov 11 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 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
PHP处理会话函数大总结
2015/08/05 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
JQUERY 设置SELECT选中项代码
2014/02/07 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
详解Django中的过滤器
2015/07/16 Python
老生常谈python函数参数的区别(必看篇)
2017/05/29 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
神经网络(BP)算法Python实现及应用
2018/04/16 Python
python 实现倒排索引的方法
2018/12/25 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
人力资源行政经理自我评价
2013/10/23 职场文书
鉴定评语大全
2014/05/05 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
大学生毕业评语
2014/12/31 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
2015中学教学工作总结
2015/07/22 职场文书
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js
Mysql 一主多从的部署
2022/05/20 MySQL