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

时间:2011-12-15 15:32:36

标签: javascript html

我的问题是,当页面刷新时,我希望'select'一直滚动到顶部。但是,如果用户在刷新之前向下滚动选择框以查看选项(无需点击任何选项),则“选择”框不会返回到顶部。

我已经看到人们说只需使用selectedIndex选择列表中的第一个选项的答案,因此它会自动滚动到顶部,但这不是一个选项。刷新页面时,不必选择任何内容,因此,我目前唯一的代码是:

document.form1.componentselect.selectedIndex = -1;

清除'componentselect'中的任何选项都有效,但不会重置滚动位置。

仅供参考,我使用的是直接的HTML和JS,没有JQuery或类似的东西。感谢。

2 个答案:

答案 0 :(得分:0)

我认为改变传统选择中的滚动位置是不可能的(从标签中选择,没有javascript插件生成的框),因为这个框由用户的浏览器和主题直接控制,不受javascript的直接干扰。

我认为“重置”显示的唯一方法是强制用户再次单击该字段,隐藏并重新显示选择标记。但是你需要再次点击打开该框,这比用户帮助更多。

答案 1 :(得分:0)

您需要做的就是首先选择顶部项目(如您所说,您不想这样做),然后将其设置为-1!

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

当我看到这个时,我也想出了如何让它记住被选中的内容,以防万一成为一个问题:

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