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 相关文章推荐
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
Jul 11 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
JS实现程序暂停与继续功能代码解读
Oct 10 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
jquery 中toggle的2种用法详解(推荐)
Sep 02 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 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产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
JavaScript高级程序设计
2006/12/29 Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
js Math 对象的方法
2013/09/01 Javascript
jQuery实现倒计时按钮功能代码分享
2014/09/03 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
java中String类型变量的赋值问题介绍
2016/03/23 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
jQuery实现点击行选中或取消CheckBox的方法
2016/08/01 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
python中类的属性和方法介绍
2018/11/27 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
Python实现像awk一样分割字符串
2020/09/15 Python
Python日志器使用方法及原理解析
2020/09/27 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
商务考察邀请函范文
2014/01/21 职场文书
公司门卫岗位职责范本
2014/07/08 职场文书
教师岗位职责
2015/02/03 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
java项目构建Gradle的使用教程
2022/03/24 Java/Android
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers