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 相关文章推荐
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
js+html实现点名系统功能
Nov 05 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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
php preg_replace替换实例讲解
2013/11/04 PHP
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
动态创建的表格单元格中的事件实现代码
2008/12/30 Javascript
js正确获取元素样式详解
2009/08/07 Javascript
Ext 今日学习总结
2010/09/19 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
JavaScript Split()方法
2015/12/18 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
python实现堆栈与队列的方法
2015/01/15 Python
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
Python实现将文本生成二维码的方法示例
2017/07/18 Python
python爬取网易云音乐评论
2018/11/16 Python
Python实现的多进程拷贝文件并显示百分比功能示例
2019/04/09 Python
Django获取应用下的所有models的例子
2019/08/30 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
浅析Python中字符串的intern机制
2020/10/03 Python
《口技》教学反思
2014/02/21 职场文书
计算机专业毕业生自荐书
2014/06/02 职场文书
机关工会工作总结2015
2015/05/26 职场文书
大学生入党自传2015
2015/06/26 职场文书
python 判断文件或文件夹是否存在
2022/03/18 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
python实现一个简单的贪吃蛇游戏附代码
2022/06/28 Python