在一个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>
在一个form表单中实现多个submit不同的action的更多相关文章
- 在一个form表单中根据不同按钮实现多个action事件
<form id="writeForm" method="post"> <div class="write-btn-tj" ...
- 在同一form表单中如何提交两个不同的action
摘自:CSDN博客 原文链接地址:http://blog.csdn.net/huazhangena/article/details/7903955 有两种办法可以实现:1.针对一个action有多个提 ...
- form表单中只有一个input时,按回车键后表单自动提交(form表单的一个小坑)
form中只有一个input按回车键表单会自动提交 在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一 ...
- Form表单中method为get和post的区别
序,form表单中的方法分为get和post,但你都知道他们之间的区别吗? Form表单中method为get和post的区别: 例子如下,有个Form表单. <form action=&quo ...
- jsp中的form表单中的 id和name有什么区别了
<form action="./system/WebServer_webServerLogin" method="post" id="login ...
- Form表单中的action路径问题,form表单action路径《jsp--->Servlet路劲问题》这个和上一个《jsp--->Servlet》文章有关
Form表单中的action路径问题,form表单action路径 热度5 评论 50 www.BkJia.Com 网友分享于: 2014-08-14 08:08:01 浏览数44525次 ...
- Form表单中的action路径问题
今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题: (1 ...
- 如何为form表单的button设置submit事件
若button按钮没有type属性,浏览器默认按照type=submit逻辑处理,这样若将没有type的button放在form表单中,点击按钮就会执行form表单提交
- form表单中的input有哪些类型
form表单中的input有哪些类型 1.button <input type="button"/> 2.checkbox <input type="c ...
随机推荐
- HDU 1402 A * B Problem Plus ——(大数乘法,FFT)
因为刚学fft,想拿这题练练手,结果WA了个爽= =. 总结几点犯的错误: 1.要注意处理前导零的问题. 2.一定要注意数组大小的问题.(前一个fft的题因为没用到b数组,所以b就没管,这里使用了b数 ...
- phpmyadmin个版本漏洞
phpMyadmin各版本漏洞 一: 影响版本:3.5.x < 3.5.8.1 and 4.0.0 < 4.0.0-rc3 ANYUN.ORG 概述:PhpMyAdmin存在PREGREP ...
- 在OpenFOAM中做用户自定义库——编译library【转载】
转载自:http://openfoam.blog.sohu.com/22041538.html OpenFOAM自己提供的标准类都是以库的形式提供的,并且利用头文件给出了库的应用接口.这样一来,用户的 ...
- keras检查点的保存
来自 keras的文档:https://keras.io/callbacks/#callback ModelCheckpoint keras.callbacks.ModelCheckpoint(fil ...
- alpha测试和beta测试的区别是什么?
1.测试时间不同: Beta测试是软件产品完成了功能测试和系统测试之后,在产品发布之前所进行的软件测试活动,它是技术测试的最后一个阶段. alpha测试简称“α测试”,可以从软件产品编码结束之时开始, ...
- Function mysql_db_query() is deprecated 错误解决
方法一:@ 在任何错误语句之前加上@符号,即可屏蔽! 方法二:error_reporting 在PHP文件第一行加上:error_reporting(0); 即可屏蔽! 方法三:display_err ...
- 007-多线程-JUC集合-Queue-BlockingQueue接口以及ArrayBlockingQueue
0.BlockingQueue接口介绍 BlockingQueue很好的解决了多线程中,如何高效安全“传输”数据的问题.通过这些高效并且线程安全的队列类,为我们快速搭建高质量的多线程程序带来极大的便利 ...
- java 利用poi 实现excel合并单元格后出现边框有的消失的解决方法
使用工具类RegionUtil CellRangeAddress cra = new CellRangeAddress(nowRowCount, nowRowCount + followSize-1, ...
- 【Leetcode_easy】762. Prime Number of Set Bits in Binary Representation
problem 762. Prime Number of Set Bits in Binary Representation solution1: class Solution { public: i ...
- tp5博客项目实战2
改虚拟主机 (用www.tp5.com直接访问替代localhost/blog/tp5/public) 1.host修改 位置C:\Windows\System32\drivers\etc 127.0 ...