浅析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实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
js利用拖放实现添加删除
Aug 27 Javascript
vue中的循环对象属性和属性值用法
Sep 04 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学习 字符串课件
2008/06/15 PHP
PHP学习笔记之一
2011/01/17 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
Javascript/Jquery——简单定时器的多种实现方法
2013/07/03 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
详解JavaScript中的客户端消息框架设计原理
2015/06/24 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
简单介绍Python中的struct模块
2015/04/28 Python
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
Python中的time模块与datetime模块用法总结
2016/06/30 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
Django REST 异常处理详解
2020/07/15 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
Java语言程序设计测试题判断题部分
2013/01/06 面试题
简历中求职的个人自我评价
2013/12/03 职场文书
汇源肾宝广告词
2014/03/20 职场文书
2014高考励志标语
2014/06/05 职场文书