如何使用jQuery添加和删除表单字段?

时间:2011-09-20 10:21:25

标签: jquery ruby-on-rails-3 forms

在我的应用程序中,我正在处理联接表(m:n关联之间的表)。我有一个表格在这张表中插入数据。我现在的问题是如何使用jQuery表单字段动态添加和删除,如http://railscasts.com/episodes/196-nested-model-form-part-1所示。

你能给我一些例子,教程等吗?

非常感谢!

3 个答案:

答案 0 :(得分:3)

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

$("p").remove();

这会将<p>添加到任何<div>代码

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

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

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

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

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

编辑:正如您所指出的,您可能还想看看Append

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

答案 1 :(得分:1)

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

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

这是基本的,但我希望这有帮助。

答案 2 :(得分:0)

尝试使用JQuery appendremove函数,如下例所示:

http://jsfiddle.net/R6kuh/

希望这有帮助。