Salve,
di seguito posto un codice molto utile scritto da uno dei vostri moderatori in una vecchia discussione. Questo codice permette di aggiungere e rimuovere dinamicamente delle textbox.
A me servirebbe sapere come potrei fare a inserire in questo codice una textbox che mostri il valore della variabile num e che si aggiorni automaticamente (ad ogni click del bottone accoda o rimuovi).
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>aggiungi / rimuovi campi input</title> <script language="JavaScript" type="text/javascript"> <!-- var num=1; function accoda(){ if(document.createElement && document.getElementById && document.getElementsByTagName) { // crea elementi var oTr=document.createElement("TR"); var oTd1=document.createElement("TD"); var oTd2=document.createElement("TD"); var oField=document.createElement("INPUT"); var oText=document.createTextNode("riga "+num); // setta attributi oField.setAttribute("type","text"); oField.setAttribute("name","testo"+num); // appendi al relativo padre oTd1.appendChild(oField); oTd2.appendChild(oText); oTr.appendChild(oTd1); oTr.appendChild(oTd2); document.getElementById('tabella').getElementsByTagName('TBODY')[0].appendChild(oTr); // incrementa variabile globale num++ } } function rimuovi(){ if(document.removeChild && document.getElementById && document.getElementsByTagName) { // se non e' la prima riga if(num>1){ // riferimento al tbody var tb=document.getElementById('tabella').getElementsByTagName('TBODY')[0]; // riferimento all' ultimo TR var lastTr=tb.getElementsByTagName('TR')[(tb.getElementsByTagName('TR').length)-1] // rimuovi tb.removeChild(lastTr); // decrementa variabile globale num-- } } } //--> </script> </head> <body> <form name="modulo"> <input type="button" value="accoda" onclick="accoda()"> <input type="button" value="rimuovi" onclick="rimuovi()"> <table border="1" id="tabella"> <tbody> <tr> <td><input type="text" name="testo0" /></td><td>riga 0</td> </tr> </tbody> </table> </form> </body> </html>
Rispondi quotando
