在一个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>