一个Form表单中提交两个不同的action

妖狐艹你老母 2022-12-17 07:01 120阅读 0赞

## 前言 ##

> 假如我们不使用一个form表单中提交两个不同的action,那么我们一般情况下会使用两个form。这样所导致的结果就是页面的不美观。比如下图:

![20201022104411610.png][]

##  实现 ##

<form role="form" style="margin: 5px 0 5px 0; float: left;" action="" name="form1" method="get">
              <label class="form-inline">
                      <input type="text" class="form-control" name="partNum" autofocus="autofocus" placeholder="请输入产品编号">
              </label>
              <label class="form-inline"><input type="text" name="startDate" id="startDate"
                                                          placeholder="开始时间" autocomplete="off" class="form-control">
              </label>
    
              <label class="form-inline">
                       <input type="text" name="endDate" id="endDate" placeholder="结束时间"
                                   autocomplete="off" class="form-control">
                        </label>
              <button class="btn btn-info" type="submit" onclick="form1.action='<%=basePath%>inStock/search';form1.submit();">查询</button>
               <button class="btn btn-info" type="submit" onclick="form1.action='<%=basePath%>inStock/export';form1.submit();">导出</button>
    </form>

## 效果 ##

![20201022104741500.png][]

[20201022104411610.png]: /images/20221123/f1c7f439f6ae4147b362ef9541298930.png
[20201022104741500.png]: /images/20221123/0c350933d2a742589a610b22130388d8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，120人围观）

还没有评论，来说两句吧...

相关阅读

相关一个Form表单中提交两个不同的action

前言 > 假如我们不使用一个form表单中提交两个不同的action,那么我们一般情况下会使用两个form。这样所导致的结果就是页面的不美观。比如下图: ![20201

妖狐艹你老母/ 2022年12月17日 07:01/ 0 赞/ 121 阅读

相关 html中form表单提交和阻止表单提交的细节

[如何阻止表单提交][Link 1] [HTML禁止表单提交方法][HTML] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

朱雀/ 2022年11月25日 00:35/ 0 赞/ 828 阅读

相关 jQuery提交form表单

<form id="search_form" name="search_form" method="post"> <input type="tex

「爱情、让人受尽委屈。」/ 2022年08月02日 09:44/ 0 赞/ 321 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

深藏阁楼爱情的钟/ 2022年07月15日 01:42/ 0 赞/ 353 阅读

相关 Form表单提交

1. JS源码提交： var form = document.getElementById('AddZookeeperForm'); form

谁借莪１个温暖的怀抱￠/ 2022年07月15日 01:42/ 0 赞/ 373 阅读

相关只有一个form表单，实现多个提交按钮

[![Center][]][Center 1] 转载自：[IT摆渡网][Center 1] \-- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！--[

￡神魔★判官ぃ/ 2022年06月14日 10:13/ 0 赞/ 192 阅读

相关 jquery实现同时提交两个form表单

<script type="text/javascript" src="jquery-1.5.1.js"></script> <script type="

曾经终败给现在/ 2022年06月14日 08:18/ 0 赞/ 172 阅读

相关阻止form表单提交按钮的默认 action

$(document).ready(function(){ $("form").submit(function(e){ e.preven

川长思鸟来/ 2022年06月11日 05:58/ 0 赞/ 267 阅读

相关 action提交form表单后不跳转

正常的form表单提交后页面都会跳转，为了防止页面跳转，可使用jQuery的ajaxSubmit来防止跳转，可使页面保持原样不变 1.首先引入以下文件 <scrip

素颜马尾好姑娘i/ 2022年05月26日 05:21/ 0 赞/ 478 阅读

相关 form表单提交时，action怎么传一个或多个参数

<form action="RollBackFormData_updateLook_success_supervision?id=${listy.teacherid }

朱雀/ 2022年05月08日 15:03/ 0 赞/ 482 阅读