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

标签 javascript html

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

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

document.form1.componentselect.selectedIndex = -1;

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

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

最佳答案

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

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

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

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

关于javascript - 如何在不直接选择该选项的情况下将 HTML 选择框滚动到该选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8522532/

相关文章:

javascript - this, self, window 和 window.self 有什么区别

javascript - 在存储中添加记录后绑定(bind)存储不反射(reflect)值

Javascript .dropdown-toggle() Bootstrap 函数在单击后未关闭

html - 如何为输入类型时间元素设置最小值?

javascript - Fabric.js : Find the center of an object (rect) in a group

javascript - 从 javascript/jquery 中的另一个函数中使用 $(this) 单击函数调用

javascript - 在 Typescript 对象中添加新属性

javascript - 集中统一调用函数的解决方案/想法

javascript - 继承div高度

html - 如何修复两个独立类的 flex 间距