浅析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遍历json中多个map的方法,涉及jQuery循环的技巧与针对map的遍历方法,需要的朋友可以参考下
    2015-02-02
  • jQuery实现带水平滑杆的焦点图动画插件

    jQuery实现带水平滑杆的焦点图动画插件

    这是一款很实用的jQuery焦点图动画插件,跟其他jQuery焦点图插件不同的是,它带有一个水平的滑杆,你可以通过滑动滑杆实现图片的切换,也可以通过点击图片来切换
    2016-03-03
  • 基于JQuery实现图片轮播效果(焦点图)

    基于JQuery实现图片轮播效果(焦点图)

    这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果,利用Jquery制作焦点图左右轮播特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • jQuery+AJAX实现无刷新下拉加载更多

    jQuery+AJAX实现无刷新下拉加载更多

    这篇文章主要介绍了jQuery+AJAX实现无刷新下拉加载更多的相关资料,需要的朋友可以参考下
    2015-07-07
  • jquery中获得$.ajax()事件返回的值并添加事件的方法

    jquery中获得$.ajax()事件返回的值并添加事件的方法

    如果想获得$.ajax()中返回的值,直接用在success:funciton(){return xx} 是不可以的,要想获得xx的值,要在script中,使用全局变量。利用全局变量引出xx的值。
    2010-04-04
  • JQuery index()方法使用代码

    JQuery index()方法使用代码

    做了很多种方式的选择项卡切换。没有一个确定的方法。程序的魅力就在于一个[结果]有无数种[方式]去实现。
    2010-06-06
  • jquery实现移动端悬浮拖拽框

    jquery实现移动端悬浮拖拽框

    这篇文章主要为大家详细介绍了jquery实现移动端悬浮拖拽框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jQuery实现简单QQ聊天框

    jQuery实现简单QQ聊天框

    这篇文章主要为大家详细介绍了jQuery实现简单QQ聊天框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • jQuery页面加载初始化的3种方法(推荐)

    jQuery页面加载初始化的3种方法(推荐)

    下面小编就为大家带来一篇jQuery页面加载初始化的几种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jQuery判断对象是否存在的方法整理

    jQuery判断对象是否存在的方法整理

    这篇文章主要介绍了jQuery判断对象是否存在的方法,对比分析了纯javascript与jQuery实现判断对象是否存在的功能区别,是非常实用的技巧,需要的朋友可以参考下
    2015-02-02

最新评论