JQuery BUG : $.attr("selected",true)

Jquery版本：1.10.2

GOOGLE CHROME瀏覽器可正常執行。

IE11和FIREFOX 26出現BUG。

<select id="id123" name="id123" multiple="multiple">

<option>test 1</option>

<option>test 2</option>

<option>test 3</option>

<option>test 4</option>

</select>

為了向伺服器提交多選，需要先選中所有option。然而，進行JQUERY的$("#id123 option").attr("selected",true)時，易出現BUG，特此記錄。

BUG重現：手動點擊選項(手動點擊的目的可能是排序選項等)，再進行JQUERY的$("#id123 option").attr("selected",true)時，所有option源碼都會設定selected="selected"，但是並沒有高亮選中狀態，此時提交伺服器，將只接收高亮選中狀態的值。

解決方案：重回JAVASCRIPT

var sel = document.getElementById("id123");
            for (var i = 0; i < sel.options.length; i++) {
                sel.options[i].selected = true;
            }