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 相关文章推荐
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
下拉框select的绑定示例
Sep 04 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
Vue项目全局配置微信分享思路详解
May 04 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
js实现转动骰子模型
Oct 24 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
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开发工具有哪五款
2015/11/09 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
Ajax::prototype 源码解读
2007/01/22 Javascript
一个js实现的所谓的滑动门
2007/05/23 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
js实现鼠标触发图片抖动效果的方法
2015/02/27 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
Angular5中调用第三方库及jQuery的添加的方法
2018/06/07 jQuery
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
vue 组件简介
2020/07/31 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python实现的凯撒密码算法示例
2018/04/12 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Flask配置Cors跨域的实现
2019/07/12 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
python之生成多层json结构的实现
2020/02/27 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
自我鉴定书范文
2013/10/02 职场文书
党的群众路线教育实践活动批评与自我批评
2014/02/16 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
乡镇镇长个人整改措施
2014/10/01 职场文书
教师节横幅标语
2014/10/08 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
HAM-2000摩机图
2021/04/22 无线电
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python