关于一个表单form包含多个提交动作submit的解决方法

转载 2015年07月08日 17:22:23

在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<form name="demo" method="post">
<!--YOUR DATA AREA-->
<input type="button" value="添加" onclick="addAction()">
<input type="button" value="删除" onclick="deleteAction()">
<input type="button" value="保存" onclick="saveAction()">
<input type="button" value="查询" onclick="searchAction()">
</form>
 
<script type="text/javascript">
function addAction(){
    document.demo.action="your add method url";
    document.demo.submit();
}
 
function deleteAction(){
    document.demo.action="your delete method url";
    document.demo.submit();
}
 
function saveAction(){
    document.demo.action="your add save url";
    document.demo.submit();
}
 
function searchAction(){
    document.demo.action="your serach method url";
    document.demo.submit();
}
</script>

form表单一定要添加上name属性,以通过document定位访问表单,不要写action属性了


示例:

<form class="form-inline definewidth m20"  id="table_validate" name = "queryParam" method="POST">
充值状态:  
<select name = "query4" id = "query4" >
<c:if test="${status== null}">
<option value = ""  selected = "selected">全部</option>
<option value = 0  >充值中</option>
<option value = 1  >已充值</option>
<option value = 2 >充值失败</option>
<option value = 3 >充值失败已处理</option>
</c:if>

<c:if test="${status == 0}">
<option value = ""  >全部</option>
<option value = 0 selected = "selected">充值中</option>
<option value = 1  >已充值</option>
   <option value = 2 >充值失败</option>
   <option value = 3 >充值失败已处理</option>
</c:if>
<c:if test="${status==1}">
<option value = ""  >全部</option>
   <option value = 0  >充值中</option>
<option value = 1 selected = "selected">已充值</option>
<option value = 2 >充值失败</option>
<option value = 3 >充值失败已处理</option>
</c:if>
  </select>

手机号码: <input type="text" name="query3" id="query3"
class="abc input-default" placeholder="" value="${phone}" maxlength="11">&nbsp;&nbsp;

<input type="Button" name="查询"  value = "查询" onclick="queryAction()" />
        <input type="Button" name="导出"  value = "导出" onclick="exportAction()"/> 
</form>


 <script type="text/javascript">
    function queryAction(){
        document.queryParam.action="<%=request.getContextPath()%>/manage/charge/showChargeList.html?";
        document.queryParam.submit();
    }
     
    function exportAction(){
        document.queryParam.action="<%=request.getContextPath()%>/manage/charge/exportChargeInfoAsExcel.html?";
        document.queryParam.submit();
    }
    </script>

小白胡说:Servlet中doGet和doPost两种请求方式的区别

doGet和doPost 小白今天开始尝试着用Servlet,创建后有两个方法,小白很疑惑。他们都是干什么的,有什么区别??? doGet和doPost其实就是用来接收前端传过来的数据,本质上都是请求...

一个form表单包含多个submit提交动作

在开发中遇到一个表单需要提交多个不同action动作,这时候就不能再使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法 ...

HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)

一个表单中有时可能会有多个Submit元素,如何在后台区分哪个按钮被点击呢? 网上很多人说用javascript,写一个长长的函数,点击不同的按钮提交不同的数据;还有的说用多个表单;其实完全不需要这...
  • jzj1993
  • jzj1993
  • 2015年03月21日 19:21
  • 8058

一个 form 表单中有两个 submit 按钮 该如何判断

原理: 判断两个submit的value值 从而判断是哪个按钮被点击了 这是最简单的方法             input Type="Submit" Name="Actio...

html实现同一个页面中多表单提交

同一个页面中多表单提交            function myCheck1()        {           if(form1.text1.value=="")       ...

一个Form表单处理提交多个submit按钮

例: 1.实现效果 2.页面部分代码     function tongguoAll(){       document.myform.action="/test/...

同一个表单中使用多个不同submit将不同功能提交到同一servlet中的不同操作的实现

在jsp中给不同submit提交按钮不同的名字,然后在servlet中代码实现: jsp: servlet的doPost方法: String a = request.getParameter...

form表单提交的几种方法

form表单提交的几种方法 姓名: 性别: 男 女 年龄:...
  • itmyhome
  • itmyhome
  • 2014年12月12日 21:40
  • 45918

form表单的两种提交方式,submit和button的用法

1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。 方法一: 在jsp的...

form表单的onsubmit和submit

onsubmit:一般会用在表单验证中,当返回false时,会阻止表单提交,返回true,则表单提交成功。 submit:表单提交方法。 关于这两个方法的用法,却有几个让人迷惑不解的地方,看下面这个表...
  • atgwwx
  • atgwwx
  • 2013年07月09日 13:43
  • 1423
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于一个表单form包含多个提交动作submit的解决方法
举报原因:
原因补充:

(最多只允许输入30个字)