浅析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 获取字符串字节数的多种方法
Jun 02 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
ES2020 已定稿,真实场景案例分析
May 25 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
vuex管理状态仓库使用详解
Jul 29 Javascript
JavaScript实现H5接金币功能(实例代码)
Feb 22 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强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
yii2 页面底部加载css和js的技巧
2016/04/21 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
Javascript 面向对象 继承
2010/05/13 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
详解小程序横屏方案对比
2020/06/28 Javascript
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
python安装后的目录在哪里
2020/06/21 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
人事任命书范文
2014/06/04 职场文书
运动会口号大全
2014/06/07 职场文书
关于爱国的标语
2014/06/24 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
国情备忘录观后感
2015/06/04 职场文书
秋季运动会加油词
2015/07/18 职场文书
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android