Ciao a tutti, ho questo codice di un form da cui è possibile selezionare dei prodotti da un menu a tendina e avere la somma in base alla quantità scelta.
Ma funziona solo per un menu!!! Se cambio menu, il precedente calcolo viene sovrascritto!
Dove sbaglio!??! GRAZIE!!!! ANNAWEB
Questo è il piccolo esempio:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language=Javascript>
function calcola(mod,qt) {
var m = parseFloat(mod.options[mod.selectedIndex].value.split("|")[1])
var q = parseInt(qt.options[qt.selectedIndex].value)
var valuta = "€ ";
var operazione = (m*q);
var zeri = ",00";
var somma = valuta+operazione+zeri;
document.getElementById('prezzo').innerHTML=somma;
document.getElementById('price').value=operazione;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form>
Pasta
<select name="tipo" id="tipo" onChange="if(this.options.selectedIndex!=0 && document.getElementById('quantita').options.select edIndex!=0){calcola(this, document.getElementById('quantita'))}">
<option value="seleziona">Scegli il tipo</option>
<option value="Spaghetti|1.2">Spaghetti (€1,20/Kg)</option>
<option value="Linguine|1.3">Linguine (€1,30/Kg)</option>
<option value="Riso|1.6">Riso (€1,60/Kg)</option> </select>
<select name="quantita" id="quantita" onChange="if(this.options.selectedIndex!=0 && document.getElementById('tipo').options.selectedIn dex!=0 ){calcola(document.getElementById('tipo'), this)}else{alert('seleziona una quantita')}">
<option value="seleziona">Quantità</option>
<option value="1">1 Kg</option>
<option value="2">2 Kg</option>
<option value="3">3 Kg</option>
<option value="4">4 Kg</option>
<option value="5">5 Kg</option>
</select>
Aqua
<select name="tipo2" id="tipo2" onChange="if(this.options.selectedIndex!=0 && document.getElementById('quantita').options.select edIndex!=0){calcola(this, document.getElementById('quantita'))}">
<option value="seleziona">Scegli il tipo</option>
<option value="Lete (€ 1,20/L)|1.2">Lete (€ 1,20/L)</option>
<option value="Ferrarelle (€ 1,30/L)|1.3">Ferrarelle (€ 1,30/L) </option>
<option value="Uliveto (€1,60/L)|1.6">Uliveto (€ 1,60/L)</option> </select>
</label>
<label>
<select name="quantita" id="quantita" onChange="if(this.options.selectedIndex!=0 && document.getElementById('tipo2').options.selectedI ndex!=0 ){calcola(document.getElementById('tipo2'), this)}else{alert('seleziona una quantita')}">
<option value="seleziona">Quantità</option>
<option value="1">1 L</option>
<option value="2">2 L</option>
<option value="3">3 L</option>
<option value="4">4 L</option>
<option value="5">5 L</option>
</select>
<input type="hidden" name="Totale spesa" id="price">
</label>
<div align="left" id="prezzo">€ 0,00</div>
</form>
</body>
</html>