如何使用进行锚定HTML 中的标签？

Question

我试图用选项标签锚定 div，但它不起作用，我的代码有什么问题吗？这是锚点片段

<select>
        <option value="#b1">1 test</option>
</select>
<br />
<br />
<br />
<br />
<br />
<br />
<div id="b1">Testing!</div>

Answer 1

尝试这样的事情：

FIDDLE

<select onchange="location = this.options[this.selectedIndex].value;">
   <option value="#b1">1 test</option>
   <option value="#b2">2 test</option>
   <option value="#b3">3 test</option>
</select>

<div id="b1">Testing 1</div>
...
<div id="b2">Testing 2</div>
...
<div id="b3">Testing 3</div>
...

Answer 2

您需要向 select 元素添加一个 onchange 处理程序。

函数scrollTo(elmt)
{
$(elmt.options[elmt.selectedIndex].value).scrollTo(); //有原型
在

您的选择中，添加 onchange=scrollTo()