Yes, this is possible. I'm doing the same type of thing on my app.
You'll want to utilize the .clone() function.

You could do something like this:

var clonedRow = $("table tr :last).clone(); //this will grab the last
table row.

$("#formField", clonedRow).attr("id", "newID"); //use the selectors to
manipulate any element in the clonedRow object.

$("table").append(clonedRow); //add the row back to the table

On Oct 1, 6:22 pm, camilo_u <[EMAIL PROTECTED]> wrote:
> Hi,
> I would like to use jQuery to add a row with form fields of a table to
> the end of the table, the idea is to duplicate the previous one it
> with all of the form fields (drop downs, input fields, hidden fields,
> etc.) changing the input ID of each input, clearing the input values
> and adding a "Delete button" at the end of the row to allow the user,
> Pretty much like "Add new Row" button that basically will add a new
> empty row following some sort of template changing the input IDs,
> clearing the values, and adding a "Delete This row" link at the end.
> Is this possible with jQuery? how can i do it?
> Thanks in advance!
> Camilo

Reply via email to