浅析jQuery操作select控件的取值和设值


Posted in Javascript onDecember 07, 2016

1.级联select的操作,后一个select的值随着前一个select选中值变化

$(".select_A").change(function(){
   $(".select_B").empty();// 清空后一个select
   var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option
   $(".select_B").append(option);
});

2.获取select选中项value值

$(".select").val();

3.获取select选中项的文本text

$(".select").find("option:selected").text();

4.设置select选中对应value值项、对应text文本项

$(".select").val('xxx');
$(".select").find("option[text='xxx']").prop('selected',true);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JAVASCRIPT对象及属性
Feb 13 Javascript
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
jQuery function的正确书写方法
Aug 02 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
React-router 4 按需加载的实现方式及原理详解
May 25 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
js实现简单五子棋游戏
May 28 Javascript
简单理解js的prototype属性及使用
Dec 07 #Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 #Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 #Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 #Javascript
详解JavaScript的内置对象
Dec 07 #Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 #Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 #Javascript
You might like
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
PHP获取当前文件的父目录方法汇总
2016/07/21 PHP
PHP实现蛇形矩阵,回环矩阵及数字螺旋矩阵的方法分析
2017/05/29 PHP
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
int和Integer有什么区别
2013/05/25 面试题
2014公司党员自我评价范文
2014/09/11 职场文书
红色影片观后感
2015/06/18 职场文书
2015双创工作总结
2015/07/24 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
python小程序之飘落的银杏
2021/04/17 Python
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫