Question

如何移动到maize.jsp或wheat.jsp，同时用户选择＆＃34; maize＆＃34;或者＆＃34;小麦＆＃34;选项，然后单击确定按钮感谢你！示例代码在这里

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

Answer 1

执行此操作的一种方法是使用servlet。＆＃34;当用户提交表单时，操作将转到您创建的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。在这种情况下，您使用javascript函数，该函数用于设置表单的action属性，具体取决于所选选项。在这种情况下，代码可能如下所示：

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

还有很多其他方法可以做到这一点。

希望有用

按钮单击基于jsp中的选定选项重定向到页面

1 个答案: