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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux 中的文本编辑器nano[通俗易懂]

    linux 中的文本编辑器nano[通俗易懂]linux中的文本编辑器nanohttps://blog.csdn.net/junxieshiguan/article/details/84104912导言:在linux中,说起文本编辑器,很

    2022年7月2日
    28
  • latex教程详细笔记「建议收藏」

    latex教程详细笔记「建议收藏」本文是笔者初学WinEdt用以编辑Latex的笔记,只涉及一些简单问题,详细请参考百度文库(点点这几个字看看~~)本文的主要参考文献是ta1.字体大小options—optionsinterface—Fontschemes—Font双击从右边找到FONT_SIZE将10改为自己想要的,如14—-保存—右键单击左边之前的Font—-LoadScript—结束2.分段机制在原…

    2022年5月31日
    47
  • myeclipse2017安装svn插件_eclipse连接svn

    myeclipse2017安装svn插件_eclipse连接svn采用在bundles.info文件写入配置信息的方式安装插件。具体步骤如下: 点击下载: MyEclipse_9_SVN_plugins_site-1.6.18.zip1)首先找到 bundles.inf 文件,在myeclipses安装目录下的     MyEclipse9\configuration\org.eclipse.equinox.simpl

    2022年9月25日
    5
  • 大学数学课程(本科数学系有哪些课程)

    专业基础类课程:解析几何(大一上学期)数学分析I(大一上学期)数学分析II(大一下学期)数学分析III(大二上学期)高等代数I(大一上学期)高等代数II(大一下学期)常微分方程(大二上学期)抽象代数(大二下学期)概率论基础(大二下学期)复变函数(大二下学期)近世代数(大二下学期)专业核心课程:实变函数(大三上学期)偏微分方程(大三上学期)概率论(大三上学期)拓扑学(大三下学期)泛函分析(大三下学期)微分几何(大三下学期)数理方程(大三下学期)专业选

    2022年4月11日
    258
  • emule最新服务器地址,关于emule 服务器列表

    emule最新服务器地址,关于emule 服务器列表关于emule服务器列表我给你几个服务器列表吧。打开选项—务器。然后点右边的“列表”。把以下网址复制进去,保存。然后把启动时自动更新服务器列表连接到服务器时更新服务器列表安全连接打上勾。所谓静态服务器,就是你把服务器优先值设定为高,然后下次登录时系统会自动先尝试你选定的服务器。Kad网络(KadNetwork)是一个完全分散的文件共享网络,它不被中心服务器使用。它执行KademliaP2P…

    2022年6月14日
    106
  • 怎么去掉origin图例里的外框_origin怎么加边框

    怎么去掉origin图例里的外框_origin怎么加边框origin的下载地址如下,完成激活成功教程版http://www.ddooo.com/softdown/51005.htm首先激活后更改字体类型,如果不更改字体会出现输入汉字出现空格的情况选择Tools下的options选项,然后选择text,将字体和默认字体更改为consolas,防止输入汉字出现空格1、2、二、画图的类型,在左下角有预览,可以快速查看刚开始…

    2022年9月21日
    5

发表回复

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

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