<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<title> dynamic additions and deletions table rows </title>
<script language= "JavaScript" >
<!--
Author:robin
Email:griefforyou@gmail.com
var rowindex=0;
function AddLine (obj) {
var Objsourcerow=obj.parentnode.parentnode;
var Objtable=obj.parentnode.parentnode.parentnode.parentnode;
if (obj.value== ' add ') {
rowindex++;
var objrow=objtable.insertrow (RowIndex);
var Objcell;
Objcell=objrow.insertcell (0);
Objcell.innerhtml= "";
Objcell=objrow.insertcell (1);
objcell.innerhtml=objsourcerow.cells[1].innerhtml;
Objcell=objrow.insertcell (2);
Objcell.innerhtml=objsourcerow.cells[2].innerhtml.replace (/Add/, ' delete ');
}
else{
ObjTable.lastChild.removeChild (Objsourcerow);
rowindex--;
}
}
function Removeline () {
}
-->
</script>
<body bgcolor= "#ffffff" >
<form name= "Form1" method= "POST" >
<table width= "border=" 0 ">
<tr>
<td> Basic Information </td>
<td><select name= "Select" >
<option value= "" Selected> selection </option>
<option value= "1" > First </option>
<option value= "2" > Second </option>
</select></td>
<td><input name= "Basicinfo" type= "text" id= "Basicinfo" >
<input name= "Add" type= "button" id= "Add" value= "Add" onclick= "AddLine (This)" ></td>
</tr>
<tr>
<td> Other Information </td>
<td> </td>
<td><input type= "text" name= "TextField" ></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
