在HTML select中动态调整所选选项的位置

时间:2012-03-12 11:58:26

标签: jquery html

我有以下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似乎没有将滚动条移动到列表中的选定项目。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

如果设置了multiple="multiple",则自动滚动在IE中不起作用。 看到类似的问题: How to get first selected item in an asp:ListBox with SelectionMode="Multiple" to appear at top?