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鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
微信小程序实现签到功能
Oct 31 Javascript
Vue数据双向绑定的深入探究
Nov 27 Javascript
通过javascript实现段落的收缩与展开
Jun 26 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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
JSON格式化输出
2014/11/10 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
vuex操作state对象的实例代码
2018/04/25 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
Python实现获取网站PR及百度权重
2015/01/21 Python
python交换两个变量的值方法
2019/01/12 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
python getopt模块使用实例解析
2019/12/18 Python
python读取Kafka实例
2019/12/23 Python
Django 限制访问频率的思路详解
2019/12/24 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
linux面试题参考答案(5)
2014/09/01 面试题
离婚协议书怎么写2014
2014/09/30 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
2016年元旦主持词
2015/07/06 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python