如何使用HTML中的<option>标记进行锚定？</option>

Question

我正在尝试使用选项标记来锚定div，但它不起作用，我的代码有什么问题？这是锚片段

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

Answer 1

请参阅Navigational pulldown menus in HTML（特别是关于它们如何可怕的部分，您应该使用一组正常的链接）

Answer 2

尝试这样的事情：

<强> 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 3

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

function scrollTo（elmt）     {         $（elmt.options [elmt.selectedIndex]。价值）.scrollTo（）; //使用Prototype     }

要选择，请添加onchange = scrollTo（）