帶鏈接的動態下拉菜單

-1

我正在爲我的網站創建主頁，需要使用動態文本框以簡化導航。帶鏈接的動態下拉菜單

將會有兩個html下拉菜單。只要用戶從第一個下拉菜單中選擇一個類別，所選的所有相關鏈接就會加載到第二個下拉菜單中。當用戶從第二個文本框中進行選擇時，網頁將把用戶帶到選定的頁面。第二個下拉菜單的關鍵是讓所有的項目鏈接，所以當用戶做出選擇時，他們實質上是點擊到關聯網頁的鏈接。

我已經上傳了一個html文檔，該文檔應該能讓你知道我在找什麼。

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <center> 
     <h1>SELECTOR ONE</h1> 
    </center> 
    <center> 
     <select> 
      <option>Option 1</option> 
      <option>Option 2</option> 
      <option>Option 3</option> 
      <option>Option 4</option> 
      <option>Option 5</option> 
      <option>Option 6</option> 
      <option>Option 7</option> 
     </select> 
    </center> 
    <br> 
    <center> 
     <h1>SELECTOR TWO</h1> 
    </center> 
    <center> 
     <select> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
      <option>Option 1 ITEM LINK</option> 
     </select> 
    </center> 
    <center> 
     <select> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
      <option>Option 2 ITEM LINK</option> 
     </select> 
    </center> 
    <center> 
     <select> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
      <option>Option 3 ITEM LINK</option> 
     </select> 
    </center> 
    <br> 
</body> 
</html>

來源

2013-07-29 user2619834

所以這就是你想要什麼，你有什麼嘗試做實現它？ – 2013-07-29 20:28:37

簡單，一個value屬性添加到您的options，如：

<option value="http://www.google.com">Option 3 ITEM LINK</option>

創建change事件：

$("select").change(function() { 
    window.location.href = this.value; 
});

來源

2013-07-29 20:30:18 tymeJV

帶鏈接的動態下拉菜單

回答

相關問題