在一个form表单中实现多个submit不同的action

时间:2023-03-10 05:09:58
在一个form表单中实现多个submit不同的action

在button中用JS的事件绑定onclick实现,如下:

<!-- employees是表单的name属性值-->
<script type="text/javascript">
//一个表单实现多submit按钮不同URL请求
function toAdd() {
document.employees.action = "add.do";
document.employees.submit();
} function toDelete(obj) {
var n = obj.parentNode.parentNode.rowIndex;
/* document.getElementById('myTable').deleteRow(n); */
document.employees.action = "delete.do";
document.employees.submit();
}
</script> <form method="post" name="employees">
<!--table的id值 配合js可实现删除表格的某一行 -->
<table id="myTable">
<tr>
<th colspan="5">员工信息管理</th>
</tr>
<tr>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
<td>薪资</td>
<td>操作</td>
</tr>
<tr>
<td><input class="input" type="text" name="employee_ID"></td>
<td><input class="input" type="text" name="employee_Name"></td>
<td><input class="input" type="text" name="employee_Age"></td>
<td><input class="input" type="text" name="employee_Salary"></td> <td></td>
</tr>
<tr>
<!--获取员工信息,在表格中显示出来,应用开始执行时要判断非空,否则会抛空指针异常;
for循环遍历在重定向后把ArrayList中的员工信息全部显示出来。
-->
<%
if (myEmp != null) {
for (Employee emp : myEmp) {
%>
<td><%=emp.getEmNum()%></td>
<td><%=emp.getEmName()%></td>
<td><%=emp.getEmAge()%></td>
<td><%=emp.getEmSalary()%></td>
<td><button name="delSelect" value="<%=++empCount%>"
onclick="toDelete(this)">删除</button></td> <!--实现员工存储序号记录以把值传给servlet处理 -->
</tr>
<%
}
}
%>
<tr>
<td colspan="5">
<input type="button" name="add" value="添加" onclick="toAdd()" />
</td>
</tr>
</table>
</form>