使用Jquery在Rails3中向表单动态添加/删除字段

Question

有没有人知道一种简单/简单的方法或在表单中动态添加字段的最佳方法，在rails3中使用JQuery？

Answer 1

无论您使用的服务器端语言是什么，您都可以使用jQuery构造函数创建元素并将其附加到表单节点。例如：

$('<input>', {
    id:   'my_new_input_id',
}).appendTo($('#my_form_id'));

会创建一个新的input控件并将其附加到ID为my_form_id的表单。

修改

与您的评论相关：要删除动态创建的元素，一种好方法是将引用存储在变量中。这样做，您可以稍后致电.remove()或.detach()：

var my_new_input_element = $('<input>', {
    id:   'my_new_input_id',
}).appendTo($('#my_form_id'));

// ... lots of code

my_new_input_element.remove();

参考：.appendTo，.remove()，.detach()