浅析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 相关文章推荐
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
Sep 14 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
layui 给数据表格加序号的方法
Aug 20 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 Javascript
vue.js实现图书管理功能
Sep 24 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
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
探讨PHP调用时间格式的参数详解
2013/06/06 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
php算法实例分享
2015/07/14 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
Python中防止sql注入的方法详解
2017/02/25 Python
pandas apply多线程实现代码
2020/08/17 Python
详解anaconda安装步骤
2020/11/23 Python
python将下载到本地m3u8视频合成MP4的代码详解
2020/11/24 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
设计模式的基本要素是什么
2014/04/21 面试题
优秀实习生感言
2014/03/01 职场文书
护理人员的自我评价分享
2014/03/15 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
留学推荐信英文范文
2015/03/26 职场文书
签约仪式致辞
2015/07/30 职场文书
村官2015年度工作总结
2015/10/14 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang
Python基础 括号()[]{}的详解
2021/11/07 Python
分享Python获取本机IP地址的几种方法
2022/03/17 Python