zoukankan      html  css  js  c++  java
  • 在一个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>
  • 相关阅读:
    vue项目中引入tinymce4
    `elementui`表格实现无限滚动
    `index.html`与`App.vue`中有相同`id`的`div`,`main.js`绑定的是哪一个?
    IDEA下新建SpringMVC项目的配置文件
    IDEA中-------Tomcat启动提示404
    一、代理模式:静态代理与动态代理
    Java发送QQ邮件-附jar包下载链接
    Git使用教程(下)
    Git使用教程(中)
    python菜鸟教程学习13:文件操作
  • 原文地址:https://www.cnblogs.com/hsomelee/p/9027140.html
Copyright © 2011-2022 走看看