javascript - 如何在不直接选择该选项的情况下将 HTML 选择框滚动到该选项？

Question

我的问题是，当页面刷新时，我希望“选择”一直滚动到顶部。但是，如果用户在刷新之前向下滚动选择框以查看选项(甚至不必单击其中任何一个)，则“选择”框不会返回到顶部。

我看到人们说简单地使用 selectedIndex 来选择列表中的第一个选项的答案，因此它会自动滚动到顶部，但这不是一个选项。刷新页面时，无需选择任何内容，因此，我目前仅有的代码是:

document.form1.componentselect.selectedIndex = -1;

这对于清除“componentselect”中的任何选择很有效，但不会重置滚动位置。

仅供引用，我直接使用 HTML 和 JS，没有使用 JQuery 或类似的东西。谢谢。

Answer 1

您需要做的就是首先选择最上面的项目(正如您所说的您不想做的那样)，然后将其设置为 -1!

document.form1.foo.selectedIndex=0;
document.form1.foo.selectedIndex=-1;

在查看此内容时，我还想出了如何让它记住所选择的内容，以防出现问题:

http://jsfiddle.net/ryleyb/qPJ4S/