Dunque sono riuscito a creare la funzione aggiungi, ma la funzione rimuovi non la riesco a scrivere, inoltre non ho capito come si gestiscono gli array dei 2 select e dell'input
Ecco il mio codice:
codice:<script language="JavaScript" type="text/javascript"> <!-- var id=1; function accoda(){ if(document.createElement && document.getElementById && document.getElementsByTagName) { // crea elementi cell.appendChild(document.createElement('p')); cell.appendChild(document.createTextNode('Taglia:')); var taglia = document.createElement('select'); taglia.id = 'taglia'; taglia.name = 'taglia'; cell.appendChild(taglia); var optiontaglia = document.createElement('option'); optiontaglia.value = '0'; optiontaglia.appendChild(document.createTextNode('Seleziona Taglia')); taglia.appendChild(optiontaglia); optiontaglia = document.createElement('option'); optiontaglia.value = 'XXXL'; optiontaglia.appendChild(document.createTextNode('XXXL')); taglia.appendChild(optiontaglia); optiontaglia = document.createElement('option'); optiontaglia.value = 'XXL'; optiontaglia.appendChild(document.createTextNode('XXL')); taglia.appendChild(optiontaglia); cell.appendChild(document.createTextNode('Colore:')); var colore = document.createElement('select'); colore.id = 'colore'; colore.name = 'colore'; cell.appendChild(colore); var optioncolore = document.createElement('option'); optioncolore.value = '0'; optioncolore.appendChild(document.createTextNode('Seleziona Colore')); colore.appendChild(optioncolore); optioncolore = document.createElement('option'); optioncolore.value = 'FFFFFF'; optioncolore.appendChild(document.createTextNode('Bianco')); colore.appendChild(optioncolore); cell.appendChild(document.createTextNode('Quantità:')); var quantita = document.createElement('input'); quantita.id = 'quantita'; quantita.name = 'quantita'; cell.appendChild(quantita); cell.appendChild(document.createElement('br')); // incrementa variabile globale id++; } } function rimuovi(){ } //--> </script> </head> <body> <form name="modulo"> <input type="button" value="accoda" onClick="accoda()"> <input type="button" value="rimuovi" onClick="rimuovi()"> <div id="cell"></div> </form> </body> </html>

Rispondi quotando