滚动到html列表框中的选定项目

Question

我有一个html列表框：

<select id="test" size="5">           
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

我正在尝试通过代码选择项目，并让列表框自动滚动到所选项目。

这是否应该自动将列表框滚动到所选项目？

$('#test option[value="8"]').attr('selected', 'selected');

我似乎无法做到这一点......我错过了什么？

Answer 1

设置所选项目只会使项目在选择字段中可见，但不保证它将位于显示的项目列表的顶部。我在jsfiddle中尝试了这个，你会看到你的代码突出显示＃8，但它位于选择字段框的底部。 http://jsfiddle.net/Ck4m3/