Create New Table Row And Clear Text Boxes

[Jason Ferguson]

I'm trying to create a dynamic form where people can keep adding rows of data until complete, then submit a whole batch at once. I can clone the row, but then I want to clear the contents before the user alters the contents.

The javascript successfully creates a new row, but will not clear the text boxes.

(Note: I'm using the struts taglib
Any ideas?

Jason

                        
<td>
   <input type="text" name="description" id="description" value="" />
</td>

function createNewMultipleItemsRow() {
 
    var table = document.getElementById('equipmentItemTable');
    var newRow = table.tBodies[0].rows[1].cloneNode(true);
    newRow.getElementById('description').value='';
    table.tBodies[0].appendChild(newRow);
 
}

[Bear Bibeault]

You are creating multiple elements with the same name. That is not an id.
[ April 25, 2008: Message edited by: Bear Bibeault ]