浅析jQuery操作select控件的取值和设值

更新时间：2016年12月07日 15:50:09 作者：大柚子哦

本文主要实例浅析jQuery操作select控件取值和设值。有需要的朋友可以看下，希望会对大家有所帮助

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);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

jQuery遍历json中多个map的方法
这篇文章主要介绍了jQuery遍历json中多个map的方法,涉及jQuery循环的技巧与针对map的遍历方法,需要的朋友可以参考下
2015-02-02
jQuery实现带水平滑杆的焦点图动画插件
这是一款很实用的jQuery焦点图动画插件，跟其他jQuery焦点图插件不同的是，它带有一个水平的滑杆，你可以通过滑动滑杆实现图片的切换，也可以通过点击图片来切换
2016-03-03
基于JQuery实现图片轮播效果(焦点图)
这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果，利用Jquery制作焦点图左右轮播特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-02-02
jQuery+AJAX实现无刷新下拉加载更多
这篇文章主要介绍了jQuery+AJAX实现无刷新下拉加载更多的相关资料,需要的朋友可以参考下
2015-07-07
jquery中获得$.ajax()事件返回的值并添加事件的方法
如果想获得$.ajax()中返回的值，直接用在success:funciton(){return xx} 是不可以的，要想获得xx的值，要在script中，使用全局变量。利用全局变量引出xx的值。
2010-04-04
JQuery index()方法使用代码
做了很多种方式的选择项卡切换。没有一个确定的方法。程序的魅力就在于一个[结果]有无数种[方式]去实现。
2010-06-06
jquery实现移动端悬浮拖拽框
这篇文章主要为大家详细介绍了jquery实现移动端悬浮拖拽框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
jQuery实现简单QQ聊天框
这篇文章主要为大家详细介绍了jQuery实现简单QQ聊天框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
jQuery页面加载初始化的3种方法(推荐)
下面小编就为大家带来一篇jQuery页面加载初始化的几种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
jQuery判断对象是否存在的方法整理
这篇文章主要介绍了jQuery判断对象是否存在的方法,对比分析了纯javascript与jQuery实现判断对象是否存在的功能区别,是非常实用的技巧,需要的朋友可以参考下
2015-02-02