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>
  • 相关阅读:
    JavaScript if 条件语句
    JavaScript while 循环
    JavaScript for 循环
    JavaScript 字典
    JavaScript 数组
    JavaScript 函数
    JavaScript 定时器
    JavaScript 字符串操作
    CEF js调用C#封装类含注释
    多网卡的环境下的发包
  • 原文地址:https://www.cnblogs.com/hsomelee/p/9027140.html
Copyright © 2011-2022 走看看