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

1.使用场景

当选择动态切换某一个select标签时，另外select标签会随之改变，例如下图所示：

2.两种解决方式

1. 根据select标签 vaue进行赋值
2. 根据select标签 text进行赋值，两种方式如下代码所示

//当select选中状态改变时触发chane事件，另一个select选中状态随之改变
 $("#OneId").change(function () {
    var value= $("#OneId").val();  
 $("#twoId").find("option[value='"+vaule+"']").attr("selected",true);
}

$("#twoId").find("option[text='"+textConent+"']").attr("selected",true);

3.解决切换失效问题

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

 $("#id").find("option[value='"+value+"']").prop("selected",true);