I want to Create a row as the same as above
<HTML>
<HEAD>
<TITLE> TESTING</TITLE>
</HEAD>
<BODY>
<INPUT type="button" value="Add Row"/>
<TABLE id="dataTable" width="350px" border="1">
<tr bgcolor="#0099FF">
<th width="88" bgcolor="#66CCFF" scope="col">Code</th>
<th width="289" bgcolor="#66CCFF" scope="col">Product</th>
<th width="35" bgcolor="#66CCFF" scope="col">Qty</th>
<th width="144" bgcolor="#66CCFF" scope="col">Rate</th>
<th width="146" bgcolor="#66CCFF" scope="col">Value</th>
</tr>
<!----- Same as this Row -----!>
<tr>
<td>
<label>
<select id="code" onChange="ajaxFunction()">
<?php
while($info=mysql_fetch_array($result1)){
$id=$info['id'];
$code=$info['code'];
echo '<option value="'.$id.'">'.$code.'</option>';
}
?>
</select>
</label></td>
<td><input name="proname" type="text" id="proname" size="50" readonly="readonly" /></td>
<td><label>
<input NAME="qty" type="text" id="qty" size="2" onchange="CalculateTotal1()" />
</label></td>
<td><input name="rate" type="text" id="rate" onchange="CalculateTotal2()"/></td>
<td><input name="tot" type="text" id="tot" readonly="readonly" />
</td>
<!----- END of Row -----!>
</tr>
<tr>
<td> </td>
<td><label>
</label></td>
<td> </td>
<td>Total</td>
<td><input name="textfield4" type="text" id="textfield4" readonly="readonly" /></td>
</tr>
</TABLE>
</BODY>
</HTML>