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

 

posted @ 2018-05-12 00:10  奔跑的阿猿  阅读(2351)  评论(0编辑  收藏  举报