從下拉菜單將多個參數傳遞給url

這可能是一個基本問題，但我無法找到解決方案。我有兩個下拉。我想從第二個下拉菜單中追加url參數到第一個，我無法做到。這是一個例子。從下拉菜單將多個參數傳遞給url

當我從dropdown1參數是這樣

http://localhost:8080/test/testing.html?par1=sub11

的URL追加選擇SUB11現在，當我從dropdown2選擇SUB21，這是我得到了（不是我想要的）

http://localhost:8080/test/testing.html&par2=sub21

但我想這是這樣的，附加到已經存在的URL參數。

http://localhost:8080/test/testing.html?par1=sub11&par2=sub21

我認爲它與下拉菜單中的href有關，我不知道該如何設置它。請幫忙。

<ul> 
     <li> 
      <a href="#">Menu 1</a> 
      <ul class="dropdown"> 
       <li><a href="?par1=sub11">SUB11</a></li> 
       <li><a href="?par1=sub12">SUB12</a></li> 
       <li><a href="?par1=sub13">SUB13</a></li> 
      </ul> 

     </li> 
     <li> 
      <a href="#">Menu 2</a> 
      <ul class="dropdown"> 
       <li><a href="&amp;par2=sub21">SUB21</a></li> 
       <li><a href="&amp;par2=sub22">SUB22</a></li> 
       <li><a href="&amp;par2=sub23">SUB23</a></li> 
      </ul> 

     </li> 
    </ul>

來源

2015-07-10 B1K

理想情況下，您可以創建一個HTML表單並使用<select>元素。

<form method="get"> 
<select name="menu-1"> 
    <option value="SUB11">SUB11</option> 
    <option value="SUB12">SUB12</option> 
    <option value="SUB13">SUB13</option> 
</select> 
<select name="menu-2"> 
    <option value="SUB21">SUB21</option> 
    <option value="SUB22">SUB22</option> 
    <option value="SUB23">SUB23</option> 
</select> 
<input type="submit" value="Submit" />

點擊提交，你會看到他們在網址： http://localhost:8080/test/testing.html?menu-1=SUB11&menu-2=SUB21

檢查了這一點https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

來源

2015-07-10 17:42:08 IE5Master

使用jQuery

$('.dropdown').on('change', function(e){ 
    document.location.href = "localhost:8080/test/testing.html?par1=" + "&par2=" + $(this).val() + "seconddropdownvalue"; 
});

給ID到第二個下拉使用jQuery中獲取價值。

來源

2015-07-10 17:35:06 Garry

從下拉菜單將多個參數傳遞給url

回答

相關問題