浅析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中的变量、作用域和内存问题
Aug 30 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
浅谈vuex为什么不建议在action中修改state
Feb 02 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 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
浅谈ThinkPHP的URL重写
2014/11/25 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
基于JQuery制作的产品广告效果
2010/12/08 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
js控制网页背景音乐播放与停止的方法
2015/02/06 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
python实现从字典中删除元素的方法
2015/05/04 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换
2020/01/13 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
经济担保书范文
2014/04/02 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL