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

Question

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

have a look here pradipchitrakar.com.np/blog/… maybe it's what you looking — Knight007
– Knight007, Commented Feb 7, 2012 at 4:50

jAndy · Accepted Answer · 2011-01-16 00:59:48Z

4

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

edited Jan 16, 2011 at 0:59

answered Jan 16, 2011 at 0:33

jAndy

237k57 gold badges313 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elliot Over a year ago

Thanks jAndy, that worked for adding - any idea how to remove fields?

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related