javascript - 如何使用javascript从选择标签中获取选定的值并使用该值转到另一个页面

Question

我有一个选择标签，其中包含一些值，如下所示：

         <select id="menu" SIZE=6 onChange="go()">
          <option value="">Select city</option>
    <option value="delhi" >delhi</option>  
    <option value="kolkata" >kolkata</option>  
    <option value="mumbai" >mumbai</option>
           </select>

现在我为此使用下面的脚本，它从下拉列表中获取选定的值，

      <script>
        function go(){

var sel = document.getElementById('menu');
       var sv = sel.options[sel.selectedIndex].value;

              //  here i  need to make a specific link using this selected drop down value


          }

          </script>

我只需要知道如何使用这个选定的值并转到特定链接，例如

       window.location.href='getCityDetails.jsp?c=sv'; // this is not working properly 

谁能建议我最好的解决方案。

Answer 1

 <script>
    function go(){

   var sel = document.getElementById('menu');
   var sv = sel.options[sel.selectedIndex].value;
    window.location.href='getCityDetails.jsp?c=' + sv;

      }

      </script>

希望对你有帮助

Answer 2

HTML：

<select id="menu" SIZE=6 onChange="go(this.value)">
    <option value="">Select city</option>
    <option value="delhi" >delhi</option>  
    <option value="kolkata" >kolkata</option>  
    <option value="mumbai" >mumbai</option>
</select>

Javascript：

function go(desination){
    if (destination != ''){
         window.location.href='getCityDetails.jsp?c=' + desination;
    }
}

Answer 3

您需要正确连接字符串。尝试这个：

window.location.href='getCityDetails.jsp?c=' + sv;

Answer 4

- 您可以使用 -

var TaskType = document.form1.SelTaskType.value;

-- TaskType 将显示从下方选择的选项

<select id="SelTaskType" name="SelTaskType" >
<option selected>-- select --</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>