浅析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 相关文章推荐
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
javascript中in运算符用法分析
Apr 28 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
在Express中提供静态文件的实现方法
Oct 17 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 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
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
2014/08/23 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python sys.argv用法实例
2015/05/28 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
python发送邮件脚本
2018/05/22 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
python实现简单猜单词游戏
2020/12/24 Python
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
酒吧员工的岗位职责
2013/11/26 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
学校食品安全责任书
2015/01/29 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
解决Jenkins集成SonarQube遇到的报错问题
2021/07/15 Java/Android
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android