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


相关推荐

  • 方便查找规范的搜索引擎_查找免费图像的7个最佳搜索引擎「建议收藏」

    方便查找规范的搜索引擎_查找免费图像的7个最佳搜索引擎「建议收藏」方便查找规范的搜索引擎photocredit:MarkWheadon(cc)照片来源:MarkWheadon(cc)Sincethebirthofthedigitalcamera,therehascertainlyneveranyshortageofphotoimagery.Infact,Yahoo!estimateswe’llta…

    2022年5月10日
    44
  • 九九乘法表java思路_编写九九乘法表

    九九乘法表java思路_编写九九乘法表右下角publicclassJiu{publicstaticvoidmain(String[]args){//行for(inti=1;i<10;i++){//空格for(intk=1;k<=9-i;k++){System.out.print(“\t\t”);}//列for(intj

    2025年5月29日
    0
  • 数据库:实体关系图(ER图)「建议收藏」

    数据库:实体关系图(ER图)「建议收藏」1,组成元素元素 描述 表示形似 实体 客观存在并可以相互区别的事物 用矩形框,矩形框内写明实体名 属性 实体所具有的一个属性 用椭圆型表示,并用无向边将其与相应的实体连接起来 关系 实体和实体之间以及实体内部的关系 用菱形表示,菱形框内写明联系名,并用无向边分别与有关实体连接起来, 同时在无向边旁边标上联系的类型 2,关系详解一,一对一一对一关系是指对于实体集A与实体集B,A中的每一个实体至多与B中

    2022年6月21日
    92
  • 嵌入式系统开发步骤[通俗易懂]

    嵌入式系统开发步骤

    2022年1月26日
    53
  • kali修改更新源(无法安全的用该源更新)

    因为kali是国外的,所以一些软件你要下载的话得从国外的网站下载,就会很慢,国内一些公司或者学校提供了国内的下载地址,所以我们需要更换更新源一,命令:vim/etc/apt/sources.list二、增加或替换掉sources.list文件里面的更新源地址:#阿里云debhttp://mirrors.aliyun.com/kalikali-rollingmain…

    2022年4月10日
    75
  • kettle工具使用教程_开源etl工具kettle

    kettle工具使用教程_开源etl工具kettlekettle工具使用简明手册运行启动脚本spoon.bat快捷方式如果正确启动,则出现的主界面应该是下面这样的。初次进入需右键新建作业新建数据库连接也可以想下面一样,新建数据库连接向导填完参数测试一下连接通过向导分步来我已经建立了转换任务和数据库连接,可以直接应用。 建立多表复制点击开始即可,多表的…

    2022年8月31日
    0

发表回复

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

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