Google Chrome не обновляет выбранные параметры, когда он отменен с помощью JavaScript

Question

Я написал скрипт, который выбирает и отменяет выбор всех вариантов тега множественного выбора на моей html-странице. Но в Google Chrome, когда я отменяю выбор, он все еще рассматривается как выбранный, только когда мы поместим фокус на поле выбора, выбор исчезнет.

Есть ли обходной путь, чтобы это исправить?

Вот пример ошибки

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

Answer 2

Привет, я протестировал ваше решение и обновил.На самом деле в вашем коде нет ничего плохого, он просто кажется выбранным.Но при доступе к нему из скрипта он работает нормально.

Демо

РЕДАКТИРОВАТЬ

Обновленная демо с подпоркой вместо attr и removeAttr