jquery操作select(取值,设置选中)

jquery操作select(取值,设置选中)

大家好,又见面了,我是全栈君。

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。

比如<select class=”selector”></select>

1、设置value为pxx的项选中

     $(“.selector”).val(“pxx”);

2、设置text为pxx的项选中

    $(“.selector”).find(“option[text=’pxx’]”).attr(“selected”,true);

    这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

    $(“.selector”).val();

4、获取当前选中项的text

    $(“.selector”).find(“option:selected”).text();

    这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

 

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如:$(“.selector1”).change(function(){

     // 先清空第二个

      $(“.selector2”).empty();

     // 实际的应用中,这里的option一般都是用循环生成多个了

      var option = $(“<option>”).val(1).text(“pxx”);

      $(“.selector2”).append(option);

});

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112022.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • HTML、CSS、JavaScript学习总结

    HTML、CSS、JavaScript学习总结学习总结HTML网站开发的主要原则是:– 用标签元素HTML描述网页的内容结构;– 用CSS描述网页的排版布局;– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 。 Html是通过标签来定义的语言,代码都是由标签所组成 。Htm

    2022年5月16日
    34
  • GSLB功能

    GSLB功能GSLB应为一个高效率的智能的DNS服务器,并且可以在基于负载均衡算法的基础上对定义好的域名进行解析。可从如下角度来分析GSLBDNS功能以及标准性对GSLB架构设计算法设计1.严格遵守DNS的相关标准。概括的说是性能优良,功能全面。做为负载均衡设备,性能始终是非常重要的。要能实习高负载大流量下对DNS请求的迅速应答。在功能实现方面DNS相关RFC(rfc1034,…

    2022年6月8日
    78
  • Oracle初学者-常用工具介绍

    Oracle初学者-常用工具介绍

    2021年8月16日
    49
  • springboot详细讲解_Springboot框架

    springboot详细讲解_Springboot框架一、SpringApplication的几种常用方式二、定制启动Banner三、SpringBoot事件和监听器四、SpringBoot的Web环境信息五、SpringBoot的ApplicationRunner接口和CommandLineRunner接口SpringBoot版本:1.5.13.RELEASE对应官方文档链接:https://docs.s…

    2022年9月9日
    0
  • eclipse创建安卓模拟器_eclipse创建安卓虚拟机

    eclipse创建安卓模拟器_eclipse创建安卓虚拟机AndroidApp开发一般需要模拟器来测试程序的正确性,特别是对于那些爱惜真机的开发者来说。其创建方法也分两种:一是通过eclipse开发环境,二是通过命令行创建。这里主要介绍如何在eclipse上创建Android模拟器。

    2022年9月28日
    0
  • Session.Abandon与Session.Clear之间的区别

    Session.Abandon与Session.Clear之间的区别Session.Clear()就是把Session对象中的所有项目都删除了,Session对象里面什么都没有。但是Session对象还保留。Session.Abandon()就是把当前Session

    2022年7月1日
    22

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号