Aggiungere dinamicamente record

**optime** · 22-02-2018, 15:56

fa' un disegno

**cavicchiandrea** · 22-02-2018, 16:01

**br1** · 22-02-2018, 21:58

Originariamente inviata da cavicchiandrea

**apuuuu** · 14-03-2018, 20:41

trovato script di HTML.it che fa al caso mio.
Ho inserito come variabile progressiva del nome dell'input il rowCount e tutto funziona perfettamente.
Per chiudere il cerchio, dovrei sommare i valori di prezzo dei singoli input generati.
Suggerimenti?

codice:

	<SCRIPT language="javascript">          function addRow(tableID) {  
  
            var table = document.getElementById(tableID);  
  
            var rowCount = table.rows.length;  
            var row = table.insertRow(rowCount);  
  			var prog = rowCount 
  			
            var cell1 = row.insertCell(0);  
            var element1 = document.createElement("input");  
            element1.type = "checkbox";  
            cell1.appendChild(element1);  
  
            var cell2 = row.insertCell(1);  
            
  
            var cell3 = row.insertCell(2);  
            var element2 = document.createElement("input");  
            element2.type = "text";  
            element2.name = "Descrizione"+ prog ; 
            cell3.appendChild(element2);  
  
            var cell4 = row.insertCell(3);  
            var element3 = document.createElement("input"); 
            element3.type = "text";  
 			element3.name = "Prezzo" + prog ;              
            cell4.appendChild(element3);  
            
               }  
  


        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>
<h1>&nbsp;&nbsp;&nbsp; Aggiungi righe</h1>


&nbsp;<INPUT type="button" value="Aggiungi una Riga" onclick="addRow('dataTable')" />  
  
    <INPUT type="button" value="Cancella una Riga" onclick="deleteRow('dataTable')" />&nbsp;


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

Discussione: Aggiungere dinamicamente record

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio