一个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获取数据并进行处理


猜你喜欢

转载自blog.csdn.net/jinchunzhao123/article/details/81042692