欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用Jquery动态切换select选项(解决切换失效问题)

程序员文章站 2022-03-07 22:40:25
...

1.使用场景

当选择动态切换某一个select标签时,另外select标签会随之改变,例如下图所示:
使用Jquery动态切换select选项(解决切换失效问题)

2.两种解决方式

  1. 根据select标签 vaue进行赋值
  2. 根据select标签 text进行赋值,两种方式如下代码所示
$("#id").find("option[value='"+vaule+"']").attr("selected",true);
$("#id").find("option[text='"+textConent+"']").attr("selected",true);

3.解决切换失效问题

由于浏览器兼容性问题,导致attr方式存在bug,所有改用prop即可,代码如下

 $("#id").find("option[value='"+value+"']").prop("selected",true);
相关标签: Jquery常用知识点