如何使用 jQuery 添加和删除表单字段？答案

【问题标题】：How can I add and remove form fields using jQuery?如何使用 jQuery 添加和删除表单字段？
【发布时间】：2011-09-20 10:21:25
【问题描述】：

在我的应用程序中，我正在处理连接表（m:n 关联之间的表）。我有一个表格可以在这个表中插入数据。我现在的问题是如何使用 jQuery 表单字段动态添加和删除，您可以在此处看到 http://railscasts.com/episodes/196-nested-model-form-part-1。

你能给我一些例子、教程等吗？

非常感谢！

【问题讨论】：

【解决方案1】：

jQuery 具有允许您在页面中添加/删除元素的功能，例如以下将删除页面上的所有 <p> 标记：

$("p").remove();

这会将<p> 添加到任何<div> 标签

$("div").add("p");

编辑：虽然新创建的段落不会出现在页面上。要将其放置在页面上，您需要添加插入方法。

下面的两个链接应该用一些很好的例子来进一步解释它们，我希望这会有所帮助！

编辑：正如所指出的，您可能还想查看Append

$("p").append("Hello");

【讨论】：

【解决方案2】：

在 jquery 中有一些显示/隐藏的东西，它显示/隐藏元素，然后你在 jquery 中有 remove() 方法，它将从 DOM 中删除你的元素。我在 jsfiddle 写了一个简单的 demo 来说明 remove 方法。

这是基本的，但我希望这会有所帮助。

【讨论】：

【解决方案3】：

尝试使用 JQuery append 和 remove 函数，如下例所示：

希望这会有所帮助。

【讨论】：