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

我有一个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>

---

我似乎无法让它这么做。。。我是否遗漏了什么？

设置所选项目只会导致该项目在“选择”字段中可见，但不能保证它将位于显示的项目列表的顶部。我在一个JSFIDLE中尝试了这一点，您将看到代码突出显示了#8，但它位于选择字段框的底部

这对我来说很好。勾选“他想把它放在盒子的顶部”。。Firefox6在底部显示它。行为可能因浏览器而异（有人想投资IE 6的功能吗？）

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