在一个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 ...
随机推荐
- java把一段时间分成周,月,季度,年的时间段
package com.mq.test.activeMQ; import java.text.DateFormat; import java.text.ParseException; import j ...
- MySQL_JDBC_jar包的下载与使用(Windows)
1. 下载 (1) 打开MySQL_JDBC的下载网站:https://dev.mysql.com/downloads/connector/j/ (2) 选择操作系统:Platform Indepen ...
- 实现一个简单的Tomcat
实现一个简单的Tomcat 1. Tomcat作用 我们的web应用会运行在Tomcat中,那么显然请求必定是先到达Tomcat的,Tomcat对于请求实际上会进行如下的处理: 提供Socket服务: ...
- 上下文对象-请求对象-响应对象(ServletContext - response - request)
目录 上下文对象-请求对象-响应对象 ServletContext response request 上下文对象-请求对象-响应对象 ServletContext 什么是ServletContext ...
- Factor_Analysis
Factor_Analysis(因子分析) Factor Analysis 简书:较好理解的解释,其中公式有一定的推导(仅展现关键步骤,细节大多需要自行补充),基本为结论式. 感性层面理解:首先,明确 ...
- CV_Learn
CV学习进度条记录,也是SRTP的进度记录. 阶段一(2019.4-2019.5): 1.opencv简单操作学习.(实现了一些基础操作,从颜色通道到边缘轮廓,2019.4.22完成) 2.linux ...
- PyMouse、PyKeyboard用python操作鼠标和键盘
1.PyUserInput 简介 PyUserInput是一个使用python的跨平台的操作鼠标和键盘的模块,非常方便使用.支持的平台及依赖如下: Linux - Xlib Mac - Quartz, ...
- SpringBoot持久层技术
一.Springboot整合mybatis maven中添加对数据库与mybatis的依赖 <dependencies> <dependency> <groupId> ...
- keras启用tensorboard
在callback函数中添加tensorboard,启用tensorboard. # TensorBoard callback tensorboard_cb = K.callbacks.TensorB ...
- 简易的CRM系统案例之Struts2&Spring整合+Hibernate3+JSP+MySQL版本
主要对上一篇Struts2&Spring整合的改造 简易的CRM系统案例之Struts2+Hibernate3+JSP+MySQL版本 src/bean.xml <beans xmlns ...