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选择头像并实时显示的代码
Jun 27 Javascript
50个比较实用jQuery代码段
Sep 18 Javascript
JQuery $.each遍历JavaScript数组对象实例
Sep 01 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
Vue+Django项目部署详解
May 30 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 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的面试题集
2006/11/19 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
node.js中 redis 的安装和基本操作示例
2020/02/10 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
举例讲解Python中is和id的用法
2015/04/03 Python
Python实现多线程的两种方式分析
2018/08/29 Python
Python实现App自动签到领取积分功能
2018/09/29 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
加拿大票务网站:Ticketmaster加拿大
2017/07/17 全球购物
525心理活动总结
2014/07/04 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
小型婚礼主持词
2015/06/30 职场文书
2016国庆促销广告语
2016/01/28 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS