Jquery在HTML中添加额外的行，但未在POST中提交数据

我使用jquery在html中添加额外的行。下面的代码对我有用，但当我试图提交表单时，&\u POST数组中缺少额外的行字段。请检查代码并告诉我如何解决此问题

Jquery

<script type="text/javascript">
$(document).ready(function(){
var cnt = 2;

$("#anc_add").click(function(){
$('#tbl1 tr').last().after('<tr><td><input type="text" name="title[]" value=""></td><td><input type="text" name="body[]" value=""></td><td><input type="text" name="sound_url[]" value=""></td><td><input type="text" name="id[]" value=""></td></tr>');
cnt++;
});

$("#anc_rem").click(function(){
$('#tbl1 tr:last-child').remove();
});

});

</script>

$（文档）.ready（函数（）{
var-cnt=2；
$（“#anc#u add”）。单击（函数（）{
$（'#tbl1 tr'）.last（）。在（''）之后；
cnt++；
});
$（“anc#u rem”）。单击（函数（）{
$（'#tbl1 tr:last child'）。删除（）；
});
});

HTML

   <table id="tbl1" width="700" height="0" border="0" style="margin-top:20px">
    <tbody>
    <tr>
    <th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">Title</span></th>
    <th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">Body</span></th>
    <th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">ID</span></th>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td><i class="icon-plus"></i><a style="color:black" href="javascript:void(0);" id='anc_add'>Add Row</a><i style="margin-left:30px" class="icon-minus"></i><a style="color:black" href="javascript:void(0);" id='anc_rem'>Remove Row</a></td>
    </tr>

    <tr>
    <td><input type="text" name="title[]" value="" /></td>
    <td><input type="text" name="body[]" value="" /></td>
    <td><input type="text" name="url[]" value="" /></td>
    <td><input type="hidden" name="id[]" value="" /></td>
    </tr>

   </tbody>
   </table>

标题
身体
身份证件

我还有两张桌子在这张桌子上面

诸如此类

<table class="table">
</table>

<table width="700" border="0" style="size:10px;">
</table>

当我删除这些时，问题已经解决，我如何解决这个问题

HTML表单

 <form name="myForm" id="myForm" action="" method="POST" accept-charset="utf-8" enctype="multipart/form-data">

<input type="submit" name="submit" value="Save" class="btn btn-success" id="SubmitForm" />

---

在JSFIDLE中查看此代码-

它适用于动态行

    $('#SubmitForm').click(function(e){

    var postData = $('#myForm').serializeArray();
    $(postData).each(function(i, field){ 
        alert(field.name+"="+field.value);
    });
});

---

最终的HTML标记应如下所示：

<form name="myForm" id="myForm" action="" method="POST" accept-charset="utf-8" enctype="multipart/form-data">

<table class="table">
</table>

<table width="700" border="0" style="size:10px;">
</table>

<table id="tbl1" width="700" height="0" border="0" style="margin-top:20px">
<tbody>
<tr>
<th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">Title</span></th>
<th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">Body</span></th>
<th width="220" bgcolor="#999999" scope="col" height="35"><span style="color: #FFFFFF">ID</span></th>
</tr>
<tr>
<td></td>
<td></td>
<td><i class="icon-plus"></i><a style="color:black" href="javascript:void(0);" id='anc_add'>Add Row</a><i style="margin-left:30px" class="icon-minus"></i><a style="color:black" href="javascript:void(0);" id='anc_rem'>Remove Row</a></td>
</tr>

<tr>
<td><input type="text" name="title[]" value="" /></td>
<td><input type="text" name="body[]" value="" /></td>
<td><input type="text" name="url[]" value="" /></td>
<td><input type="hidden" name="id[]" value="" /></td>
</tr>

</tbody>
</table>


<input type="submit" name="submit" value="Save" class="btn btn-success" id="SubmitForm" />

</form>

标题
身体
身份证件

是，在表单字段中添加新行。。。我收到了所有字段警报，而不是新添加的字段。。在POST arrayPlease中仍然缺少new add字段，请检查我的更新问题，它的冲突是因为html中还有两个表。请让我知道，我通过了前两张桌子？我们能看到你的全部代码吗？新的表单元素是否在

中？如果您检查我的问题，我已经用适当的理由更新了html中的三个表。添加行表是最后一个，当我删除前2个表并提交表单时，它对我有效，请让我知道，如何绕过前2个表单，我看到了这3个表，但我在代码中没有看到实际的

标记。把它全部看一看会有帮助的。根据您目前发布的代码，没有问题。表单详细信息在问题中更新，谢谢