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

来源:互联网 发布:数据管家 编辑:程序博客网 时间:2024/06/05 21:56

选择测试栏目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”,是否为轮播又重新变成了“是”



原创粉丝点击