該按鈕點擊重定向到基於jsp中選定選項的頁面

如何移動到maize.jsp或wheat.jsp，而用戶選擇「玉米」或「小麥」選項並單擊確定按鈕謝謝你！示例代碼在這裏該按鈕點擊重定向到基於jsp中選定選項的頁面

 <form action="index.jsp" method="post"> 
     <select name="Crop_Type"> 

      <option onchange = "maize.jsp" value="maize">maize</option> 
      <option onchange = "wheat.jsp" value="wheat">wheat</option> 
      </select> 
     <input type="submit" value="OK" name="submit"/> 
    </form>

來源

2014-03-30 fag2006

使用javascripts重定向用戶選擇。並在選項標籤的值中指定目標頁面，不需要更改。 – Rembo

一種方法是使用一個servlet。「當用戶提交表單時，操作將轉到您創建的servlet，該servlet查看用戶選擇哪個選項，然後重定向到maize.jsp或wheat.jsp 在這種情況下，表單將如下所示：

<form action="**myservlet**" method="post"> 
    <select name="Crop_Type"> 

     <option name="maize" value="maize">maize</option> 
     <option name="wheat" value="wheat">wheat</option> 
     </select> 
    <input type="submit" value="OK" name="submit"/> 
</form>

另一種方法是使用JavaScript。在這種情況下，您使用的是用來設置表單的action屬性，取決於所選擇的選項的JavaScript函數。在這種情況下，代碼可以看像這樣：

<form action="" method="post" id="myform"> 
    <select id="Crop_Type"> 

     <option value="maize">maize</option> 
     <option value="wheat">wheat</option> 
     </select> 
    <input type="submit" value="OK" name="submit" onsubmit="myFuncion"/> 
</form>

以及JavaScript函數看起來就像這樣：

function myFunction() { 
    var x = document.getElementById("Crop_Type").selectedIndex; 
    var y = document.getElementById("Crop_Type").options; 
    var form = document.getElementById("myform"); 
    if(y[x].value = "maize") { 
     form.action = "maize.jsp"; 
    } else if (y[x].value = "wheat") { 
     form.action = "wheat.jsp"; 
    } 

    // true means that the form is valid and can be submited 
    return true; 
}

還有很多其他方法可以做到這一點。

希望有用

來源

2014-03-30 12:01:21

該按鈕點擊重定向到基於jsp中選定選項的頁面

回答

相關問題