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 中的单元测试
    redux-学习总结
    React-学习总结
    vuecli 中 chainWebpack 的常用操作
    常用 vue-config.js 配置
    JavaScript 中的 MVC、MVP、MVVM
    日常工作中 @vue/cli 需要关注的一些配置
    Electron 构建超时问题
    JSBridge 原理与封装
    Three.js 之相机
  • 原文地址:https://www.cnblogs.com/hsomelee/p/9027140.html
Copyright © 2011-2022 走看看