滚动到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/