使用javascript取消选择时,Google Chrome不会刷新选择选项

Question

我编写了一个脚本,在我的html页面上选择和取消选择多个select标签的所有选项.但是在谷歌浏览器中,当我取消选择时,它仍被视为已选中,只有当我们将焦点放在选择框上时,选择才会消失.

有没有解决方法来解决它？

这是一个bug的例子

Answer 1

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