使用Jquery动态切换select选项(解决切换失效问题)
程序员文章站
2022-03-07 22:40:25
...
1.使用场景
当选择动态切换某一个select标签时,另外select标签会随之改变,例如下图所示:
2.两种解决方式
- 根据select标签 vaue进行赋值
- 根据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);
上一篇: BOM常用知识点
下一篇: Python操作postgres数据库