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 相关文章推荐
用javascript实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
javascript实现动态表头及表列的展现方法
Jul 14 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
Feb 20 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
微信小程序加载更多 点击查看更多
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
PHP4实际应用经验篇(8)
2006/10/09 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
微信小程序登录态控制深入分析
2017/04/12 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
JQuery实现折叠式菜单的详细代码
2020/06/03 jQuery
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
python开发一款翻译工具
2020/10/10 Python
css3实现3d旋转动画特效
2015/03/10 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
女儿满月酒致辞
2015/07/29 职场文书
python数字转对应中文的方法总结
2021/08/02 Python
详解Python flask的前后端交互
2022/03/31 Python