Динамически добавлять / удалять поля в форме в Rails3, используя Jquery

Question

Кто-нибудь знает простой / легкий способ или лучший способ динамического добавления полей в форму, используя JQuery в rails3?

Answer 1

Независимо от того, какой язык на стороне сервера вы используете, вы можете просто создать элементы с помощью конструктора jQuery и добавить его в узел формы. Например:

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

создаст новый input элемент управления и добавит его в форму с идентификатором 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();

ref .: .appendTo , .remove () , .detach ()