Insert new row using javascript

Field Name	Yes/No	Sequence	Value	Pause
1
2
3
4
5

Check for the code below

<SCRIPT language="javascript">
 //i Variable stores the current rows in the table. Change it if you have zero or n - Here its 5 because by default 5 rows are there.
 var i = 5;
//Function to add new Row
 function add() {  
/*
Table Insert New Row Script - By Site4Sites
For this and other free scripts, visit http://www.site4sites.co.in
This notice must stay intact
*/ 
// x inserts new row @ i+1  - like TR
    var x=document.getElementById('tablemain').insertRow(i+1);
// x.insertCell creates cells in the row - like TD
	var a=x.insertCell(0);
	var b=x.insertCell(1);
	var c=x.insertCell(2);
	var d=x.insertCell(3);
	var e=x.insertCell(4);
//innerHTML will be text in that cell - You can add any thing in this field	
	a.innerHTML=i+1;
	b.innerHTML="<input type=checkbox name=tollFreeY_N"+(i+1)+" checked >";
	c.innerHTML="<input type=text name=sequence"+(i+1)+" >";
	d.innerHTML="<input type=text name=Value"+(i+1)+" onkeyup=test('Value"+(i+1)+"') >";
	e.innerHTML="<input type=text name=pause"+(i+1)+" >";

alert("Inserted Row : " + (i+1));
	
//i will be incremented to insert next row.
	i=i+1;
 
 }  
 function test(FieldValue)
 {
 alert(FieldValue);
 }
</SCRIPT>

HOME BACK