一个from表单中出现多个按钮，并提交到不同的servlet

 

第一次jsp代码部分：（无法实现跳转）

第一次代码点击删除时没有效果。

function delMoreStudent(){
var isDel = confirm("您确定所选的吗?");
if(isDel){
//要删除
location.href = "${pageContext.request.contextPath}/delMoreStudent"; 
}
}

<form id="Form1" name="Form1" action="${pageContext.request.contextPath}/searchStudentInfo" method="post">

..........

    <input type="submit" value="搜索">

    <input type="submit" value="删除" onclick="delMoreStudent()">

</form>

 

修改后代码：

动态修改action的值：

function delMoreStudent(){
var isDel = confirm("您确定所选的吗?");
if(isDel){
//要删除
document.getElementById("Form1").action="${pageContext.request.contextPath}/delMoreStudent" 
document.getElementById("Form1").submit();
}

}

 

<form id="Form1" name="Form1" action="${pageContext.request.contextPath}/searchStudentInfo" method="post">

..........

    <input type="submit" value="搜索">

    <input type="button" value="删除" onclick="delMoreStudent()">

</form>

同理：如果遇到n个提交按钮可把代码修改为：

//删除操作

function delMoreStudent(){
var isDel = confirm("您确定所选的吗?");
if(isDel){
//要删除
document.getElementById("Form1").action="${pageContext.request.contextPath}/delMoreStudent" 
document.getElementById("Form1").submit();
}

}

//搜索操作

function searchStudent(){
document.getElementById("Form1").action="${pageContext.request.contextPath}/searchStudent" 
document.getElementById("Form1").submit();

}

//添加操作

function addStudent(){
document.getElementById("Form1").action="${pageContext.request.contextPath}/addStudent" 
document.getElementById("Form1").submit();

}

<form id="Form1" name="Form1" action="" method="post">

..........

    <input type="button" value="搜索" onclick="searchStudent()">

    <input type="button" value="删除" onclick="delMoreStudent()">

    <input type="button" value="增加" onclick="addStudent()">

</form>

在servlet获取数据并进行处理