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 相关文章推荐
chrome原生方法之数组
Nov 30 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
JavaScript简单拖拽效果(1)
May 17 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
js实现九宫格抽奖
Mar 19 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
PHP5在Apache下的两种模式的安装
2006/09/05 PHP
ASP知识讲座四
2006/10/09 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
Jil,高效的json序列化和反序列化库
2017/02/15 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
vue组件watch属性实例讲解
2017/11/07 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
python多线程同步之文件读写控制
2021/02/25 Python
python路径的写法及目录的获取方式
2019/12/26 Python
Python 测试框架unittest和pytest的优劣
2020/09/26 Python
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
写给保洁员表扬信
2014/01/08 职场文书
幼儿园托班开学寄语
2014/01/18 职场文书
团日活动总结书格式
2014/05/08 职场文书
信息管理专业自荐书
2014/06/05 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL