Dynamically Adding row and all value storre in variable

Noorain

New Member

Join Date: Mar 2008
Posts: 57

Dynamically Adding row and all value storre in variable

Mar 3 '10, 06:40 AM

i add row dynamiccaly but value doesn't pprint. please help me.

My coding is as follow

Code:

<HTML>  
<HEAD>  
     <TITLE> Add/Remove dynamic rows in HTML table </TITLE>  
     <SCRIPT language="javascript">  
         function addRow(tableID) {  
             var table = document.getElementById(tableID);  
             var rowCount = table.rows.length;  
             var row = table.insertRow(rowCount);  
             var cell1 = row.insertCell(0);  
             var element1 = document.createElement("input");  
             element1.type = "checkbox";  
             cell1.appendChild(element1);  
    
             var cell2 = row.insertCell(1);  
             cell2.innerHTML = rowCount + 1;  
    
             var cell3 = row.insertCell(2);  
             var element2 = document.createElement("input");  
             element2.type = "text";  
			 
			 //element2.value =document.getElementById().value;
             cell3.appendChild(element2);  
    	}  
    
         function deleteRow(tableID) {  
             try {  
             var table = document.getElementById(tableID);  
             var rowCount = table.rows.length;  
    
             for(var i=0; i<rowCount; i++) {  
                 var row = table.rows[i];  
                 var chkbox = row.cells[0].childNodes[0];  

                 if(null != chkbox && true == chkbox.checked) {  
                     table.deleteRow(i);  
                     rowCount--;  
                     i--;  
                 }  
             }  
             }catch(e) {  
                 alert(e);  
             }  
         }  
     </SCRIPT>  
 </HEAD>  

 <BODY>  
     <INPUT type="button" value="Add Row" onClick="addRow('dataTable')" />  
     <INPUT type="button" value="Delete Row" onClick="deleteRow('dataTable')" />  

     <TABLE id="dataTable" width="350px" border="1">  
         <TR>  
             <TD><INPUT type="checkbox" name="chk"/></TD>  
             <TD> 1 </TD>  
             <TD> <INPUT type="text" /> </TD>  
         </TR>  
     </TABLE>  
 </BODY>  
 </HTML>

Last edited by Dormilich; Mar 3 '10, 06:46 AM. Reason: improved readability

Tags: None

Logician

New Member

Join Date: Feb 2007

Posts: 210
#2

Mar 4 '10, 01:43 AM

What do you mean by "value doesn't print"?

If you want to copy the value of the previous field, where you have:

Code:

//element2.value =document.getElementById().value;

Insert:

Code:

if( rowCount > 0 ) element2.value = table.rows[ rowCount-1 ].cells[ 2 ].getElementsByTagName('input')[0].value;

Be careful about using childnodes, since some browsers include newline characters in the markup.
Comment

Dynamically Adding row and all value storre in variable

Dynamically Adding row and all value storre in variable

Comment