Never mind - Ricardo's genius post here solved it for me: http://groups.google.com/group/jquery-en/browse_thread/thread/f5469902b151daa2/b1908e69d723bfa6?lnk=gst&q=clone+IDs#b1908e69d723bfa6
On Oct 27, 10:43 am, Matt <guitarroman...@gmail.com> wrote: > Hi everyone. > > I'm writing a dynamic form that allows users to add fields. These > fields are contained in a table. > > I have this function to clone the rows (my table has an ID of > EventType) > > function addEventType() > { > var clonedRow = $("#EventType tr:last").clone(); > > $("input", clonedRow).attr('value', ''); // reset the form values > $("input:checked", clonedRow).attr('checked', ''); // uncheck any > checked boxes > > $("#EventTypeID").append(clonedRow); > $(".datepicker").datepicker(); // reset the datepicker widget > $(".datepicker").removeClass('hasDatepicker').datepicker(); > > } > > This gets more complicated because I'm using a Datepicker - this needs > each <input> using the widget to have a unique ID. I've tried for a > few hours now to find some way to give the cloned row's <input>s > unique IDs, but I'm getting nowhere. I tried setting a hidden form > field that counted the current ID, then incremented it for the new > rows, but I can't seem to get this to work. > > Can anyone point me in the right direction for incrementing the IDs of > the fields that are cloned? My HTML looks like this for each row: > > <tr> > <td><input type="text" name="Title" /></td> > <td><input type="text" class="datepicker" size="11" id="picker_1" /></td> > > <td><input type="text" class="datepicker" size="11" id="picker_2" /></td> > > <td><input type="checkbox" name="Active" /></td> > </tr> > > Matt