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进行拖拽
Jul 20 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 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远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
php header示例代码(推荐)
2010/09/08 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
关于php开启错误提示的总结
2019/09/24 PHP
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
微信小程序 跳转方式总结
2017/04/20 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
TypeScript 引用资源文件后提示找不到的异常处理技巧
2020/07/15 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
餐饮业的创业计划书范文
2013/12/26 职场文书
2014年政协工作总结
2014/12/09 职场文书
离职信范本
2015/06/23 职场文书