现在的位置: 网页制作教程网站制作经验 >正文
JS特效教程

如何利用JS同时提交多个表单

发表于2014/6/10 网站制作经验 0条评论 ⁄ 热度 4,430℃

这两天应客户要求,建了几个投票项目。等建好后,客户很满意,只是有一点不足之处,那便是无法同时提交多个表单。也就是说,在同一个页面内的几个投票表单只需点击一个提交按扭,便可完成所有投票项目的提交。因先前没处理过这类问题,一时还真不知如何解决,在网上搜索同时提交多个表单的方法,也没找到适用的。于是,反复实践了N下。最终找到一种有效同时提交多个表单的方法。

还是先来看看代码吧,这样解释起来比较轻松:

<form id="form1″ name="form">
…
</form>
<form id="form2″ name="form">
…
</form>
<div style="display:none;">
<iframe name="form1″></iframe>
<iframe name="form2″></iframe>
</div>
<input type="button" onClick="submit_forms();">提交</button>
<SCRIPT LANGUAGE="JavaScript">
<!–
function submit_forms()
{
form1.target="form1″
form1.submit();
form2.target="form2″
form2.submit();
}
//–>
</SCRIPT>

够简单吧,上面的代码同时提交了两个表单。同样,同时提交多个表单只需要多加就个ID和iframe即可。当然还要有一小段javascript。

  • 暂无评论