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