关于一个表单form包含多个提交动作submit的解决方法
来源:互联网 发布:能打开db数据库的软件 编辑:程序博客网 时间:2024/05/17 06:48
在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法
<
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">
<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>
- 关于一个表单form包含多个提交动作submit的解决方法
- 关于一个表单form包含多个提交动作submit的解决方法
- 一个form表单包含多个submit提交动作
- 一个Form表单处理提交多个submit按钮
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- 一个form,多个submit提交
- 一个FORM下 实现多个submit按钮的提交
- 一个form多个submit,提交不同的地址
- 关于form.submit()不能提交表单的错误原因
- struts2处理form表单的多submit提交
- 一个表单form 多个action提交
- 一个form多个submit的处理
- Spring MVC中Controller如何区分一个Form中包含的多个Submit按钮
- 关于form使用form.submit()提交的一个问题,提示form.submit不是对象的方法属性
- jquery submit()不能提交表单的解决方法
- jquery submit()不能提交表单的解决方法
- jquery submit()不能提交表单的解决方法
- jquery submit()不能提交表单的解决方法
- 关于socket阻塞与非阻塞情况下的recv、send、read、write返回值
- 5分钟了解Mockito
- 很高效的用于调度的最小堆
- leetcode 47 : Permutations II
- Climbing Stairs
- 关于一个表单form包含多个提交动作submit的解决方法
- netbeans出现apache-maven-3.3.3\bin\mvn.bat"' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
- TreeView模糊查询
- c++空类实例大小不是0原因
- 在WPF中使用AForge.net控制摄像头拍照
- Manifest格式错误
- Log4j2详解
- C语言 system()函数打开一个程序,路径有空格的问题
- IOS应用程序的5中状态