浅析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 相关文章推荐
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
js JSON.stringify()基础详解
Jun 19 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快速统计某个数据库中每张表的数据量
2012/09/04 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
PHP实现简易blog的制作
2016/10/24 PHP
php cookie用户登录的详解及实例代码
2017/01/03 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
escape、encodeURI、encodeURIComponent等方法的区别比较
2006/12/27 Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
文本链接逐个出现的js脚本
2007/12/12 Javascript
js控制web打印(局部打印)方法整理
2013/05/29 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
node.js中npm包管理工具用法分析
2020/02/14 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
python实现微信远程控制电脑
2018/02/22 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
Python 实现一个计时器
2020/07/28 Python
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
餐饮管理自我介绍信
2014/01/15 职场文书
大学应届生的自我评价
2014/03/06 职场文书
地理科学专业自荐信
2014/09/01 职场文书
贫困证明模板(3篇)
2014/09/16 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang
Go 语言中 20 个占位符的整理
2021/10/16 Golang
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers