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

How to get selected value from select tag using javascript and go to another page using that value

本文关键字：另一个 选择 javascript 标签 获取 何使用      更新时间：2023-09-26

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

         <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

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

 <script>
    function go(){
   var sel = document.getElementById('menu');
   var sv = sel.options[sel.selectedIndex].value;
    window.location.href='getCityDetails.jsp?c=' + sv;
      }
      </script>

希望对您有所帮助

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;
    }
}
您需要

正确连接字符串。 试试这个：

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

您可以使用-- 

var TaskType = document.form1.SelTaskType.value;

-- 任务类型将显示下面选定的选项

<select id="SelTaskType" name="SelTaskType" >
<option selected>-- select --</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
相关文章：