浅析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控件
Mar 27 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
第二篇Bootstrap起步
Jun 21 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
简单理解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
简单的页面缓冲技术
2006/10/09 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
php使用curl下载指定大小的文件实例代码
2017/09/30 PHP
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
javaScript实现游戏倒计时功能
2018/11/17 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
python中星号变量的几种特殊用法
2016/09/07 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
专科文秘应届生求职信
2013/11/18 职场文书
中学生期末评语
2014/02/03 职场文书
班长自荐书范文
2014/02/11 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
2015年宣传工作总结
2015/04/08 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
Go Plugins插件的实现方式
2021/08/07 Golang