動態地調整HTML所選選項的位置選擇

Question

我有以下HTML：

<select id="testMe" name="test" multiple="multiple" size="5" style="width:270px"> 
    <option value="test1">test1</option> 
    <option value="test2">test2</option> 
    <option value="test3">test3</option> 
    <option value="test4">test4</option> 
    <option value="test5">test5</option> 
    <option value="test6">test6</option> 
    <option value="test7" selected="selected">test7</option> 
    <option value="test8">test8</option> 
</select> 

而下面的jQuery代碼：

MySite.Common.moveScrollBar = function(selectID) { 

    var testSel = jQuery('#'+selectID + ' :selected').val(); 

    jQuery('#'+selectID + ' option[value=' + testSel +']').attr('selected', true); 
}; 

的原因jQuery代碼是展示最初加載頁面時選擇框中的選定選項（使用動態數量值固定大小選擇）。

我不得不這樣做，因爲當頁面加載時最初呈現HTML時，IE似乎沒有將滾動條移動到列表中的選定項目。

任何想法？

Answer 1

如果設置了multiple="multiple"，自動滾動功能在IE中不起作用。 查看類似的問題： How to get first selected item in an asp:ListBox with SelectionMode="Multiple" to appear at top?