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

最新推荐文章于 2023-10-11 15:59:45 发布

ITKouSyou

最新推荐文章于 2023-10-11 15:59:45 发布

阅读量3.9k

点赞数 2

分类专栏： JavaScript/JQuery 文章标签： selected select option jquery

本文链接：https://blog.youkuaiyun.com/hx765287443/article/details/78260149

版权

JavaScript/JQuery 专栏收录该内容

7 篇文章

订阅专栏

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