谷歌chrome没有't在使用javascript取消选择时刷新选择选项

Google chrome doesn't refresh select options when it deselected with javascript

本文关键字：选择 取消 javascript 选项 刷新 没有 chrome 谷歌      更新时间：2023-09-26

我写了一个脚本，可以在我的html页面上选择和取消选择多选标记的所有选项。但在谷歌浏览器中，当我取消选择时，它仍然被视为已选择，只有当我们把焦点放在选择框上时，选择才会消失。

有什么解决办法吗？

下面是错误的一个例子

使用.prop()[docs]直接设置DOM元素的属性：

$('#select_all').click(function(){
    $('#list option').prop('selected', true);
    return false;
});
$('#deselect_all').click(function(){
    $('#list option').prop('selected', false);
    return false;
});

DEMO

嗨，我已经测试并更新了您的解决方案。事实上，你的代码没有什么问题，只是看起来被选中了。但当从脚本访问它时，它工作得很好。

演示

编辑

用道具而不是attr和removeAttr 更新了演示

相关文章：