在一个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 ...
随机推荐
- Oracle 中的 Profile
一.目的: Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制,使用Create Profile命令创建一个Profile,用它来实现对数据库资源的限制使用,如果把该prof ...
- VSCode 设置 Tab 空格
Windows 点击左下角的 Setting 按钮 输入 tabSize 进行查找
- Java并发包线程池之ThreadPoolExecutor
参数详解 ExecutorService的最通用的线程池实现,ThreadPoolExecutor是一个支持通过配置一些参数达到满足不同使用场景的线程池实现,通常通过Executors的工厂方法进行配 ...
- 动画之Evaluator
Evaluator就是通过监听器拿到当前动画对对应的具体数值,作用在于从插值器返回的数值进行转换成对应的数值.简单来说就是转换器 Evaluator返回值的类型更加动画中值决定的,所以在使用的时候注意 ...
- Flex 布局的最简单表单
http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html https://www.cnblogs.com/grt322/p/8531882.ht ...
- PCA与LDA
- spring的事务是什么?与数据库的事务是否一样
spring的事务是什么?与数据库的事务是否一样 先说一下什么是事务,事务:是对数据库的一些列操作. 之前一直觉得事务只针对于数据库当中,5种隔离级别,7种传播行为,后来才发现这是针对Spring的, ...
- Apache配置参数的优化
查看apache开启那些模块: apachectl -t -D DUMP_MODULES 1)KeepAlive On/Off KeepAlive指的是保持连接活跃,换一句话说,如果将KeepAliv ...
- 【Leetcode_easy】594. Longest Harmonious Subsequence
problem 594. Longest Harmonious Subsequence 最长和谐子序列 题意: 可以对数组进行排序,那么实际上只要找出来相差为1的两个数的总共出现个数就是一个和谐子序列 ...
- 第五章 编码/加密——《跟我学Shiro》
转发地址:https://www.iteye.com/blog/jinnianshilongnian-2021439 目录贴:跟我学Shiro目录贴 在涉及到密码存储问题上,应该加密/生成密码摘要存储 ...