在一个form表单中实现多个submit不同的action
2024-08-27 13:21:18
在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>
最新文章
- MyBatis6:MyBatis集成Spring事物管理(下篇)
- 快速理解-Ajax
- ecmall中static变量的使用-model模型代码设计
- 动态设置 button的 name 的话 闪动的问题 解决
- 大前端学习笔记整理【五】关于JavaScript中的关键字——this
- 免费在线loading生成。
- Beego源码分析(转)
- zoj The 12th Zhejiang Provincial Collegiate Programming Contest Capture the Flag
- Good Bye 2015 A. New Year and Days 签到
- vim 自動化配置
- JUnit使用Eclipse建立Test Case - 就是爱Java
- Android DES AES MD5加密
- mysql数据库的安装及体系说明
- 【一天一道LeetCode】#107. Binary Tree Level Order Traversal II
- UseCase事件流描述规范
- 2017-12-19python全栈9期第四天第一节之昨日内容回顾与作业讲解之插入insert和extend
- Codeforces1097D. Makoto and a Blackboard(数论+dp+概率期望)
- Process 模块的方法
- 工具类:Colletions ,Arrays(静态导入,可变参数,强循环)
- IntelliJ IDEA无法更新maven索引