Jquery+；表单中的动态附加行

我正在创建一个表单，当输入任何内容时，它会动态地将输入表单字段的数据插入数据库。我现在正在向表单添加动态行（即，如果用户需要添加额外信息，则复制现有行）。我遇到了两个问题

我使用的代码基于以下内容：

function addFormField() {
$("#divTxt").append("<div id='education" + id + "'><input name='name' id='name' type='text' size='20'><a href='#' onClick='removeFormField(\"#education" + id + "\"); return false;'><img src='images/minus.gif' width='10px' border=0></img></a></div>");
}

函数addFormField（）{
$（“#divTxt”）。追加（“”）；
}

问题1：原始行（插入下一行之前）工作正常，但我似乎不明白为什么新行甚至不尝试使用输入模糊函数通过$.post发送数据。这是因为所有的都具有相同的名称，还是因为实际的$.post代码已加载到document ready上，并且在单击事件后表单字段出现时忽略了这一点

问题2：要从新添加的行中插入数据，是否需要使用jquery.each循环表单字段（如果它们具有相同的名称/id）

---

嗯，在这一点上，任何建议都是好的——这是令人挠头的时刻

不要使用相同的ID和名称，你会朝着正确的方向前进。使用相同的ID是无效的HTML

此外，当您要发布数据（无论是使用jQuery.serialize（）发布数据）还是仅发布标准发布数据时，处理信息会容易得多

function addFormField() {
$("#divTxt").append("<div id='education" + id + "'><input name='name' id='name' type='text' size='20'><a href='#' onClick='removeFormField(\"#education" + id + "\"); return false;'><img src='images/minus.gif' width='10px' border=0></img></a></div>");
}

函数addFormField（）{
$（“#divTxt”）。追加（“”）；
}

通过查看代码：您可以使用DOM来引用要删除的字段。希望这样就不需要你的ID了

这看起来像：

function addFormField(index) {
$("#divTxt").append("<div ><input name='name"+index+"' type='text' size='20'><a href='#' onClick='$(this.parentNode).remove()'><img src='images/minus.gif' width='10px' border=0></img></a></div>");
}

函数addFormField（索引）{
$（“#divTxt”）。追加（“”）；
}