如何使用jQuery添加和刪除表單域？

Question

在我的應用程序中，我正在聯接表（m：n關聯之間的表）。在那裏我有一個表格在這個表格中插入數據。我現在的問題是如何使用jQuery表單字段動態添加和刪除，如您在此處看到http://railscasts.com/episodes/196-nested-model-form-part-1。

你能給我一些例子，教程等嗎？

非常感謝！

Answer 1

jQuery中有一些顯示/隱藏，它顯示/隱藏的元素，然後你有在jQuery中的remove（）方法，它將從DOM中刪除你的元素。我在jsfiddle上寫了一個簡單的演示來說明刪除方法。

http://jsfiddle.net/refhat/rgYMJ/4/

這是基本的，但我希望這有助於。

Answer 2

jQuery有功能，使您從頁面中添加/刪除元素，例如下面會刪除該網頁上的所有<p>標籤：

​​

，這將增加<p>任何<div>標籤

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

編輯：雖然新創建的段落不會出現在頁面上。要將其放置在頁面上，您需要添加插入方法。

下面的兩個鏈接應該解釋一些很好的例子，我希望這有助於！

http://api.jquery.com/add/

http://api.jquery.com/remove/

編輯：正如指出的，你可能也想看看Append

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

Answer 3

如本例嘗試使用jQuery append和remove功能：

http://jsfiddle.net/R6kuh/

希望這會有所幫助。