CODEWITHSUNDEEP
javascriptjqueryrubyruby-on-rails-3
Elliot
Elliot

Reputation: 13835

Dynamically add/remove fields to a form in Rails3 using Jquery

Does anyone know an simple/easy way or the best way to add fields dynamically in a form, using JQuery in rails3?

Upvotes: 0

Views: 822

Answers (1)

jAndy
jAndy

Reputation: 236022

Regardless what server-side language you're using, you can just create elements with the jQuery constructor and append it to a form node. For instance:

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

would create a new input control and append it to a form with the id my_form_id.

edit

relating to your comment: To remove a dynamically created element, a good approach is to store a reference in a variable. Doing that you can call .remove() or .detach() later:

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()

Upvotes: 4

Related Questions