我有以下代码...
<h3>Guests</h3>
<form class="form-inline">
<fieldset>
<label class="control-label" for="input01">First Name:</label>
<input type="text" class="input-small" id="input01">
<label class="control-label" for="input01"> Middle Name:</label>
<input type="text" class="input-small" id="input01">
<label class="control-label" for="input01"> Last Name:</label>
<input type="text" class="input-small" id="input01">
<label class="control-label" for="input01"> Birthday:</label>
<input type="text" class="input-small" id="input01">>
</fieldset>
</form>
我希望能够添加一个显示"添加更多"的按钮，并让它添加新的元素行，最终将表单保存到数据库中。 如果我添加一个添加行的按钮（这需要向数据库添加一条记录。 对于已更改的记录，我想更新数据库中的记录）。
所以问题，多部分是：
- 当他们单击"添加更多"按钮时，我认为这是最好的将记录添加到数据库的时间。 然后当我保存表单，我循环访问并更新表单中的所有记录。 或者还有其他想法吗？
- 重点是：是否有人可以建议如何循环和执行更新的示例？
我建议点击"添加更多"按钮是 不是向数据库添加记录的最佳时间。想象一下，有人点击按钮，却没有实际填写该行。 很酷的是，您想用您的表单获得所有花哨并提供 更具交互性的用户体验，但不要减损"表单" 101"：有一个"提交/保存"按钮。在保存到 数据库。逻辑非常简单：您需要该行的 ID 隐藏在某处（可能是隐藏的文本字段）。逻辑是这样的 比如，"我收到了 _POST 美元。我已经检查过 所需数据存在且正常。我有身份证吗？是：更新。不： 插入。
我同意同时将值保存到数据库不是一个好主意，并再次思考您在这里尝试什么。当有人单击"添加更多"时，您将拥有新行，然后将这些行值添加到数据库中 但是初始行呢...
也许这会有所帮助
<label class="control-label" for="input01">First Name:</label>
<input type="text" class="input-small" id="input01" name="firstname[]">
<label class="control-label" for="input01"> Middle Name:</label>
<input type="text" class="input-small" id="input01" name="middlename[]">
<label class="control-label" for="input01"> Last Name:</label>
<input type="text" class="input-small" id="input01" name="lastname[]">
<label class="control-label" for="input01"> Birthday:</label>
<input type="text" class="input-small" id="input01" name=birthday[]>
现在保存要在 JS var 中单击按钮时显示的字段
var extras = $（'fieldset'）.clone（）;
然后
$（".yourAddButton"）.click（function（）{ $（"form"）.append（extras）; });
最后不要忘记有 提交 按钮提交表格 .