如何在HTML中使用<option>標籤進行定位？

我想用選項標籤來錨定一個div，但它不起作用，我的代碼出了什麼問題？這裏的錨點片段如何在HTML中使用<option>標籤進行定位？

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

來源

2010-05-13 blub

當你在選擇列表中選擇一個opton時，你是否想讓瀏覽器向下滾動到與相關ID相對應的div？ – 2010-05-13 13:20:18

是的，我試過價值，因爲id不會工作，選項不允許子元素 – blub 2010-05-13 13:21:30

您需要添加一個onchange處理程序到select元素。

function scrollTo（elmt） {（elmt.options [elmt.selectedIndex] .value）.scrollTo（）; //隨着原型 }

要你選擇，添加的onchange = scrollTo（）

來源

2010-05-13 13:29:06 sonofdelphi

這將與選項值和div ID工作？ – blub 2010-05-13 13:31:33

是的，它應該。我假設你使用Javascript ....或者你想要一個純粹的HTML解決方案嗎？ – sonofdelphi 2010-05-13 13:38:52

如果代碼在ie6上運行，Javascript也可以。關於代碼，我剛剛嘗試過使用該功能，但它沒有工作，虐待我嘗試作爲答案的代碼。你忽略 – blub 2010-05-13 13:43:21

見Navigational pulldown menus in HTML

來源

2010-05-13 13:32:15 Quentin

感謝您的鏈接，但我無法找到相同的頁面（而不是噹噹鏈接到其他網頁） – blub 2010-05-13 13:58:46

一個的ID的任何實例網址是一個網址。新版本是否在同一頁面上並不重要。 – Quentin 2010-05-13 14:07:35

（尤其是你應該如何他們是可怕的，使用普通組鏈接，而不是部分）嘗試是這樣的：

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> 
...

來源

2013-07-21 09:01:02 Danield

一個簡單的方法，不使用任何Javascript，完美。 – 2015-07-13 13:09:49

但是如果你想忽略第一個選項呢？ – worked 2016-04-13 13:06:41

如何在HTML中使用<option>標籤進行定位？

回答

相關問題