使用 select 后转发到锚标签

Question

我有一个选择列表，我希望人们在选择各自的选项后被引导到 ID 标签。

我知道我将不得不使用某种 onClick() 但我应该使用什么 JavaScript 来转发到值的锚点？

Answer 1

看到这个答案：Programmatically scroll to an Anchor Tag

基本上...

onclick="document.getElementById('targetID').scrollIntoView(true);"

或

window.location.href = '#targetName';

但是，至少某些版本的 IE 似乎无法识别对 <options> 的点击，因此您必须将 onclick 代码放在 <select> 上。如果您将每个选项的值设置为您要访问的#anchor（并记住，设置锚点的 id 以及名称），您应该能够获取单击选项的值，然后滚动到它.这也将花费更少的代码，因为您在单击事件中编写一个滚动功能，然后维护选项值的数据。