html一个表单提交到两个页面

来源：互联网 2023-03-16 23:56:14 403

有时候，我们为了实现某些功能，会需要把同一个表单，设置两个按钮，然后提交到不同的页面，但是你会发现form>表单的action参数只有一个，那么怎么实现这个功能呢，这里就要用到JS代码了，想知道的就往下看吧！

工具/原料

如图所示，我们会看到，一个文本编辑框，两个按钮，那么他是如何将一个form>表格提交到两个页面的呢？我们先把前端做好，再做功能。

html一个表单提交到两个页面

创建一个 form表单，然后添加一个编辑框，然后添加两个按钮，最后复制下面的代码

Script Language="JavaScript">

function left()

{

document.form1.action="contents.php";

document.form1.method="get";

document.form1.submit();

}

function right()

{

document.form1.action="test.jsp";

document.form1.method="get";

document.form1.submit();

}

/Script>

form name="form1" action="" method="" target="_blank">

div>

input class="s_kuang" type="text" name="q" value="" />

/div>

br/>

div>

input class="form2" type="submit" value="国内搜索(推荐)" onClick="left()"/>

input class="form1" type="submit" value="国际搜索(需要翻墙)" onClick="right()"/>

/div>

/form>

html一个表单提交到两个页面

这个就是我们刚才看到的那个前端的功能的源码，用JS脚本实现，判断哪个按钮被点击了，然后用不同的函数，执行跳转到不同的页面，我的这个代码，可以在JS中设置提交到的页面，好可以设置提交方式GET或者POST

html一个表单提交到两个页面

3相关内容未经授权抓取自百度经验

方法就是这样，但你使用的时候可以做点小改动，点击事件的名字你可以自己取一个。例举的代码，点击第一个按钮就会提交到contents.php第二个会提交到test.jsp，自己使用请小改动

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：js如何判断滚动条是否到底部下一篇：JavaScript获取数组长度