使用jquery逐个提交多个表单

Question

我想逐个提交多个表单，我正在使用php和jquery。 我有两个或多个带有值的表单，当我单击添加按钮时，第一个表单应显示在弹出窗口中，其中包含输入的值和提交按钮。

当我在弹出窗口中单击“提交”时，应提交第一个表单，并在弹出窗口中显示第二个表单。

我该怎么做？

<div id="whole">
<form id="frm1"><table><tr><td>
<label>Title : </label>
<input id="frm1title1" type="text"></td></tr>
<tr><td><label>Descr  : </label>
<textarea cols="50" rows="10" id="frm1desc1"></textarea></td></tr></table>
</form>

<hr>
<form id="frm2">
<table><tr><td><label>Title : </label>
<input id="frm2title2" type="text"></td></tr>
<tr><td><label>Descr  : </label>
<textarea cols="50" rows="10" id="frm2desc2"></textarea></td></tr></table>
</form>

<input type="button" value="add">
</div>

Answer 1

看看Jquerys submit api ...绑定提交按钮以提交所有表单..

类似这样的事情

替换你的

<input type="button" value="add"> 

带

<input id="submitbutton" type="button" value="add">

JS如下：

$("#submitbutton").click(function(){
$("#frm1").submit();
$("#frm2").submit();
});