关闭

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

518人阅读 评论(0) 收藏 举报

在开发工作共我们往往会遇到一个表单需要包含多个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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14364次
    • 积分:184
    • 等级:
    • 排名:千里之外
    • 原创:0篇
    • 转载:28篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档