谷歌瀏覽器不刷新選擇選項時，它取消選擇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

回答

相關問題