Question

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

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

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

4 个答案: