从下拉菜单将多个参数传递给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

回答

相关问题