浅析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 相关文章推荐
一个网马的tips实现分析
Nov 28 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
js使用DOM操作实现简单留言板的方法
Apr 10 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
ES6基础之默认参数值
Feb 21 Javascript
javascript实现异形滚动轮播
Nov 28 Javascript
Angular8 实现table表格表头固定效果
Jan 03 Javascript
js函数和this用法实例分析
Mar 13 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 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实现的Cookies操作类实例
2014/09/24 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
Angular4编程之表单响应功能示例
2017/12/13 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
python版简单工厂模式
2017/10/16 Python
Python制作动态字符图的实例
2019/01/27 Python
解决Django no such table: django_session的问题
2020/04/07 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
定义一结构体变量,用其表示点坐标,并输入两点坐标,求两点之间的距离
2015/08/17 面试题
业务员岗位职责
2013/11/16 职场文书
会计应聘求职信范文
2013/12/17 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
化学教学随笔感言
2014/02/19 职场文书
公证书样本
2014/04/10 职场文书
订货会主持词
2015/07/01 职场文书
python pyhs2 的安装操作
2021/04/07 Python
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android