jquery控制select的text/value值为选中状态


Posted in Javascript onJune 03, 2014

每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。

比如<select class="selector"></select>

1、设置value为“全部“的项选中

$(".selector").val("全部");

2、设置text为“全部“的项选中
$(".selector").find("option[text='全部']").attr("selected",true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text
$(".selector").find("option:selected").text();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如:

$(".selector1").change(function(){ // 先清空第二个 
$(".selector2").empty(); 
// 实际的应用中,这里的option一般都是用循环生成多个了 
var option = $("<option>").val(1).text("pxx"); 
$(".selector2").append(option); 
});
Javascript 相关文章推荐
this[] 指的是什么内容 讨论
Mar 24 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
浅谈JavaScript超时调用和间歇调用
Aug 30 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 #Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 #Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 #Javascript
php+js实现倒计时功能
Jun 02 #Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 #Javascript
node.js入门教程
Jun 01 #Javascript
什么是Node.js?Node.js详细介绍
Jun 01 #Javascript
You might like
个人站长制做网页常用的php代码
2007/03/03 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
php导出生成word的方法
2015/12/25 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
javascript解析json数据的3种方式
2014/05/08 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
Mac下安装vue
2018/04/11 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
2019/06/05 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
2020/07/17 Javascript
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
python em算法的实现
2020/10/03 Python
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
创业计划书的内容步骤和要领
2014/01/04 职场文书
债务纠纷委托书
2014/08/30 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL