谷歌浏览器不刷新选择选项时，它取消选择javascript

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

有什么解决方法可以解决它吗？

2012-02-03 Eugene Manuilov

使用.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

来源

2012-02-03 16:00:40

您好我已经测试您的解决方案和更新。其实你的代码没有问题，它只是看起来被选中了。但从脚本访问它时，它工作正常。

Demo

编辑

Updated demo与道具，而不是attr和removeAttr

来源

2012-02-03 16:07:31 Oybek

但是，这正是问题的多远我明白了。或者点击*取消选择全部*按钮后，用户感觉如何，它似乎仍然被选中？ – 2012-02-03 16:09:29

谷歌浏览器不刷新选择选项时，它取消选择javascript

回答

相关问题