我无法使用 Jquery 附加到现有表单答案

【问题标题】：I can't append to an existing form using Jquery我无法使用 Jquery 附加到现有表单
【发布时间】：2018-10-09 06:09:35
【问题描述】：

我有一个最初决定使用 div 包装的表单：

<div class="formWrap">
 <input class="desc" name="newdescription[]" value="" />
</div>

我动态添加了一些字段：

newDesc = $('.desc:first').clone();
$(newDesc).appendTo('.formWrap');

到这里为止，一切都像魅力一样工作，但后来我改变了主意，决定将它作为一个表单，因为我不再使用 AJAX，而是将表单提交到下一页。

<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >

一旦我将 div 更改为表单，我就无法再追加了，如果我把它放回 div 就可以了。

我发现的一个解决方案是离开 div 并将所有内容包装到一个表单中。但即使这是一个解决方案，我仍然很好奇为什么我不能让它直接与表单一起工作。

   <form type="post" action="nextpage.php">
   <div class="formWrap">
         <!-- Some inputs -->
   </div>
   </form >

我一直在阅读，我没有发现不能附加到表单的任何限制，所以我现在有点迷失了。有什么想法吗？

【问题讨论】：

【解决方案1】：

如果有人遇到同样的错误，这可能会有所帮助。花了一段时间才找到答案，但我发现了错误。我意识到表单在表单中，显然是一个巨大的错误！我猜 Jquery 会阻止附加到另一个表单内的表单中。

<form>
.
.
.
<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >
.
.
.
</form >

如果你不能追加到一个表单中，很可能它是另一个表单的子表单。这是一个显示它如何不起作用的小提琴：

正如@Eddie 在他的评论中提到的那样，这个有效，只有一种形式：https://jsfiddle.net/uaeh1kjr/

【讨论】：