浅析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函数、方法、对象代码
Oct 29 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
Mar 08 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
Feb 21 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 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(4) php 函数 补充2
2010/02/15 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
使用PHP similar text计算两个字符串相似度
2015/11/06 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
vc6编写python扩展的方法分享
2014/01/17 Python
Python设计模式之代理模式实例
2014/04/26 Python
Python中用于返回绝对值的abs()方法
2015/05/14 Python
Python3.6简单反射操作示例
2018/06/14 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
办公室副主任职责范本
2014/03/08 职场文书
年终奖发放方案
2014/06/02 职场文书
五年级下册复习计划
2015/01/19 职场文书
承诺书范本大全
2015/05/04 职场文书
单位介绍信格式范文
2015/05/04 职场文书
2015年妇产科工作总结
2015/05/18 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript
《废话连篇——致新手》——chinapizza
2022/04/05 无线电
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js