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>