Resetting values of table cells in Javascript

[John Zwick]

I have a table where each row contains multiple input and select boxes. I have a link where the user can add a new row.
However, I am having trouble resetting those values of those input boxes... I can add a new row just fine but the values are not getting reset

Here is my javascript:

    
function addRow(tableID){
	var table = document.getElementById(tableID);
	
         var rowCount = table.rows.length;
         var row = table.insertRow(rowCount);
         var colCount = table.rows[1].cells.length;
         for(var i=0; i<colCount; i++) {
            var newcell = row.insertCell(i);
            newcell.innerHTML = table.rows[1].cells[i].innerHTML;
            switch(newcell.childNodes[0].type) {
               case "text":
                     newcell.childNodes[0].value = "";
                     break;
               case "checkbox":
                     newcell.childNodes[0].checked = false;
                     break;
               case "select-one":
                     newcell.childNodes[0].selectedIndex = 0;
                     break;
            }
         }
	}

Here is my HTML:

   
<table id="insertTable" width="100%">
		<tr align="left">
			<th width="10%">
				Stock ID
			</th>
			<th width="10%">
				Weight Class
			</th>

			<th width="10%">
				Language
			</th>
			<th width="10%">
				Bin
			</th>
			<th width="10%">
				Priority
			</th>
			<th width="10%">

				Mandate
			</th>
				
				<th width="10%">
					Remove
				</th>
			
		</tr>

		<input type="hidden" name="insertID" value="18725">
		<tr>
					<td width="10%">

						<input type="text" name="stockID" maxlength="10" size="10" value="INS123">
					</td>
					<td width="10%">
						<select name="weightClass"><option value="1" selected="selected">Insert Type 1</option>
<option value="2">Insert Type 2</option>
<option value="3">Insert Type 3</option>
<option value="4">Insert Type 4</option>
<option value="5">Insert Type 5</option>

<option value="6">Insert Type 6</option>
<option value="7">Insert Type 7</option>
<option value="8">Insert Type 8</option></select>
					</td>
					<td width="10%">
						<select name="language"><option value="1" selected="selected">All</option>
<option value="2">English</option>
<option value="3">Spanish</option></select>

					</td>
					<td width="10%">
						<select name="bin"><option value="1">Bin 2</option>
<option value="2">Bin 3</option>
<option value="3" selected="selected">Bin 4</option>
<option value="4">Bin 5</option>
<option value="5">Bin 6</option></select>
					</td>

					<td width="10%">
						<select name="priority"><option value="4" selected="selected">High</option>
<option value="2">Low</option>
<option value="1">Lowest</option>
<option value="3">Middle</option></select>
					</td>
					<td width="10%">
						<select name="insertMandate"><option value=""></option>

<option value="2" selected="selected">Mandatory</option>
<option value="1">Promotional</option></select>
					</td>
					<!-- allows the user to delete an insert -->
					<td width="10%">
						<input type="checkbox" name="insertsToDelete" value="18725">
					</td>
			</tr>
</table>
<a href="javascript:;" onclick="addRow('insertTable');">Add Insert</a>   

 

What am i missing here?

[Bear Bibeault]

What do you wan them "reset" to?