浅析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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
jQuery toggle()设置CSS样式
Nov 05 Javascript
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
js实现自定义路由
Feb 04 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
extract-text-webpack-plugin用法详解
Feb 14 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 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 中dirname(_file_)讲解
2007/03/18 PHP
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
《PHP编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
js获取单选按钮的数据
2006/11/27 Javascript
js中匿名函数的N种写法
2010/09/08 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
浅谈js闭包理解
2019/03/28 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
Vue.js标签页组件使用方法详解
2019/10/19 Javascript
使用Python操作excel文件的实例代码
2017/10/15 Python
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
班风学风建设方案
2014/05/06 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
信访维稳工作汇报
2014/10/27 职场文书
2014年采购部工作总结
2014/11/20 职场文书
2014年销售工作总结
2014/12/01 职场文书
银行招聘自荐信
2015/03/06 职场文书
思品教学工作总结
2015/08/10 职场文书
python元组打包和解包过程详解
2021/08/02 Python