JQuery频繁修改select的选中时的失效问题

选择测试栏目2："是否为轮播"被设置为是，且右侧中option为"是"的被selected，如下图



选择测试栏目1："是否为轮播"被设置为否，且右侧中option为"否"的被selected，option为"是"的selected被移除，如下图



再次选择测试栏目2后："是否为轮播"没有被设置为是，但右侧中option为"是"的是被selected，而option为"否"的selected也被移除了，如下图



问题：option再被多次修改select属性时失效了。

原始jquery代码为：

if(designis_lunbo){

$("#lunbofalse").removeAttr("selected");$("#lunboture").attr('selected', 'true');}else{$("#lunboture").removeAttr("selected");$("#lunbofalse").attr('selected', 'true');}

"designis_lunbo"为选择的栏目的属性

解决方法：

需要将attr换成prop

修改代码为：

if(designis_lunbo){
$("#lunboture").prop('selected', 'true');
}else{
$("#lunbofalse").prop('selected', 'true');
}
修改后的效果图：

先选择“测试栏目2”，是否为轮播显示为：“是”


然后选择“测试栏目1”，是否为轮播显示变成了“否”



最后在选择“测试栏目2”，是否为轮播又重新变成了“是”