一个表单form、submit提交到多个不同页面

最新推荐文章于 2022-08-02 08:15:06 发布
转载 最新推荐文章于 2022-08-02 08:15:06 发布 · 2.5k 阅读 · 1
文章标签：

#class #tools #html #360

本文介绍了一种使用单个表单与多个提交按钮的方法，每个按钮可以将表单提交到不同的处理页面，如删除或移动操作。通过JavaScript实现表单的动态提交地址更改。 
http://www.360doc.com/content/07/1119/14/39865_831334.shtml



在做管理页面的时候常常遇到这样的情况：全选所有列表，然后进行多个操作（删除、转移等），这样每条记录做一个表单比较麻烦，HTML代码太多而且操作复杂。通常会遇到了一个表单提交到不同的处理页面，比如执行删除的delete.asp

或者move.asp

。上网找了下资料，大多数方法都是通过Javascipt来实现了以上的功能，代码如下。</p
>

<div
 class
="dp-highlighter" 
twffan
="done"
>

<div
 class
="bar" 
twffan
="done"
>

<div
 class
="tools" 
twffan
="done"
><span
 twffan
="done"
><span
 twffan
="done"
>&lt;
!DOCTYPE&nbsp;
html&nbsp;
PUBLIC&nbsp;
"-//W3C//DTD&nbsp;
XHTML&nbsp;
1.0&nbsp;
Transitional//EN"&nbsp;
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></span
></div
>

</div
>

<ol
 class
="dp-xml"
>

    <li
 class
=""
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>head</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>


    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>meta</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>http-equiv</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"Content-Type"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>content</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"text/html;&nbsp;
charset=gb2312"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>/&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>title</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>一个表单、多个提交按钮、提交到多个不同页面</span
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>title</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>


    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>head</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>script</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 twffan
="done"
>function&nbsp;
sm1(){

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 twffan
="done"
>document.getElementById("form_78")</span
><span
 class
="attribute" 
twffan
="done"
>.action</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"1.asp"</span
><span
 twffan
="done"
>;

    &nbsp;
&nbsp;
</span
></li
>


    <li
 class
=""
><span
 twffan
="done"
>document.getElementById("form_78").submit();

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 twffan
="done"
>}

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 twffan
="done"
>function&nbsp;
sm2(){

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 twffan
="done"
>document.getElementById("form_78")</span
><span
 class
="attribute" 
twffan
="done"
>.action</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"2.asp"</span
><span
 twffan
="done"
>;

    &nbsp;
&nbsp;
</span
></li
>


    <li
 class
=""
><span
 twffan
="done"
>document.getElementById("form_78").submit();

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 twffan
="done"
>}

    &nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>script</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>form</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>action</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>""</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>method</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"post"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>name</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"form_78"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>id</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"form_78"</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>


    <li
 class
=""
><span
 twffan
="done"
>&nbsp;
&nbsp;
&nbsp;
&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>input</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>name</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"mytext"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>type</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"text"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>id</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"mytext"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>/&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 twffan
="done"
>&nbsp;
&nbsp;
&nbsp;
&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>input</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>name</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"bt1"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>type</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"button"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>id</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"bt1"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>value</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"提交到1.asp"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>onclick</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"sm1()"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>/&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>


    <li
 class
=""
><span
 twffan
="done"
>&nbsp;
&nbsp;
&nbsp;
&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>&lt;
</span
><span
 class
="tag-name" 
twffan
="done"
>input</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>name</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"bt2"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>type</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"button"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>id</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"bt2"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>value</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"提交到2.asp"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="attribute" 
twffan
="done"
>onclick</span
><span
 twffan
="done"
>=</span
><span
 class
="attribute-value" 
twffan
="done"
>"sm2()"</span
><span
 twffan
="done"
>&nbsp;
</span
><span
 class
="tag" 
twffan
="done"
>/&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>


    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>form</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
=""
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>body</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
&nbsp;
</span
></li
>

    <li
 class
="alt"
><span
 class
="tag" 
twffan
="done"
>&lt;
/</span
><span
 class
="tag-name" 
twffan
="done"
>html</span
><span
 class
="tag" 
twffan
="done"
>&gt;
</span
><span
 twffan
="done"
>&nbsp;
</span
>
前台-表单切换-使用同一个form表单
hktkkkk的博客
02-10 387
1
html一个页面多个form表单提交,使用插件实现一个html页面多个form表单的异步提交...
weixin_35943736的博客
06-03 855
功能名称：实现一个html页面下多个form的提交请求适用范围：所有的html +jquery 页面需要插件:jquery 与 validform、llayuivalidform地址 validform下载地址 官网下载地址layui地址：https://www.layui.com/插件一、validform实现多个表单异步提交html中的代码示例：提交提交提交js中的片段$("#form1")....
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
10-31
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
前端和后端的数据交互之 form表单
DcTbnk的博客
04-21 5592
一.html <body> <!-- 通过form表单向后台数据库发送数据 form表单的设定---属性 action:传参的对象文件---传参给一个PHP文件 method:传参的方式 get post enctype:专门设定上传文件方式的属性 有...
一个form两个提交按钮,分别提交到两页面
weixin_34361881的博客
11-08 590
一个form两个提交按钮,分别提交到两页面 <script> functionsave(){ document.form1.action="one.php"; document.form1.submit(); } functionsend(){ document.form1.action="two.php"; do...
一个页面多个提交按钮
levma(我★依旧)
06-19 941
        alert("");                     编号         名称                                                                  function clickBtn(no){    if(no==1){      document.forms[0].action
form.submit()不能提交表单的错误原因及解决方法
09-04
在本文中，我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因，以及如何解决这个问题。 首先，我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法，用于触发表单的提交动作...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
巧用js提交表单轻松解决一个页面有多个提交按钮
10-26
总结来说，通过上述的代码示例和分析，我们可以了解到如何通过JavaScript和jQuery来根据不同的按钮值，控制表单提交到不同的服务器端处理程序，从而在一个页面上实现多个提交按钮的逻辑。这种方法在Web开发中非常...
一个form两个提交按钮,分别提交到不同页面
Akuma专栏
11-22 3306
 function save(){ document.form1.action="right.asp";document.form1.submit();}function send(){document.form1.action="sendtaskook.asp";document.form1.submit();}
js 在一个页面两个submit 提交同一个form 到不同的action
java
08-06 4575
js 在一个页面两个submit 提交同一个form 到不同的action 点击button时弹出confirm 提示，点击确执行action ,
如何让一个表单同时提交到两个不同的页面
sunshaoshan163的专栏
07-03 4441
今天,给一个客户在做页面处理时,他们要求一个留言页面在提交留言时,既要让数据进入后台管理, 同时还要把数据进入另一个系统去处理,这就要求一个表单同时提交到两个不同的页面,具体怎么实现呢? 一般做法可以先提交给一个页面，执行了再把值传到另一个页面处理,根据这个情况,显得有点麻烦, 我的方法是用javascript脚本,可以一个FORM表单直接提交给两个不同的页面同时处理,不多说了,大家看一下我
spring mvc前台向后台传递表单数据的几种方式及后台数据的获取
bai大伯伯的博客
01-22 5587
一、一般前台向后台提交数据都会用form表单提交     表单提交信息后最好的获取方式就是映射为实体 &lt;form id="testform" method="post"&gt; &lt;input type="text" name="name" /&gt; &lt;input type="text" name="age" /&a
springBoot中前端通过表单（form）向后端发送数据，后端接收数据的几种方式
热门推荐
m0_67394002的博客
08-02 1万+
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。，通过id获得的是null。，通过id获得的是null。...
一个html页面两个表单提交,如何将一个表单提交到多个页面
weixin_39655689的博客
06-03 1120
这里我们使用到javascript来实现将一个表单提交到多个页面.我们大家都知道，javascript提交表单使用submit()函数，我们用javascript分别设置表单提交的服务器地址，然后分别对这两次设置进行submit()提交即可实现一个表单提交到多个页面。 具体代码如下：function _submit(){document.form_name.action = "http://www...
表单数据传送到多个页面的三种方法
czj_wj的专栏
11-12 2097
google_ad_client = "pub-1498738603201112";google_ad_width = 300;google_ad_height = 250;google_ad_format = "300x250_as";google_ad_type = "text";google_ad_channel ="";google_color_border = "FFFFFF";go
jsp网页中form一个表单中多个submit提交怎么实现
最新发布
11-02
根据用户需求，需要在一个表单中有多个提交按钮，每个按钮执行不同的操作或提交到不同的地址。 常见实现方法： 1. 使用JavaScript动态修改表单的action属性或添加隐藏域来指定不同的操作。 2. 为每个按钮设置不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值