Originariamente inviato da fox80129
Salve ragazzi,all'interno di un form ho un campo dove l'utente può selezionare un prodotto,e un'altro campo dove può scegliere se acquistare il prodotto per 1 mese o per un'anno.
Ora vorrei fare in modo da creare un terzo campo,che faccia apparire il prezzo del prodotto,tenendo conto non solo del tipo di prodotto,ma anche della durate (mensile/annuale).
Vi posto il codice...spero possiate darmi una mano!!!
codice:
<td colspan="2">
Package: <Select name="SignUpPlanId">
<option value="21">Prodotto1 </option>
<option value="22">Prodotto2</option>
<option value="11">Prodotto3</option>
<option value="203">Prodotto4</option>
</select>
<input type="radio" name="Packageperiod" value="mensile" />mensile
<input type="radio" name="Packageperiod" value="annuale"checked/>annuale
</td>
Grazie Mille
Questo script moltiplica il prodotto per il periodo selezionato.
codice:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript">
function trim(stringa) {
reTrim=/\s+$|^\s+/g;
return stringa.replace(reTrim,"");
}
function Somma(prodotto){
if(document.formprodotti.Packageperiod[0].checked){
var prezzo = parseFloat(trim(prodotto))
var periodo = (document.formprodotti.Packageperiod[0].value*prezzo)
document.formprodotti.costo.value=periodo;
}
else if(document.formprodotti.Packageperiod[1].checked){
var prezzo = parseFloat(trim(prodotto))
var periodo = (document.formprodotti.Packageperiod[1].value*prezzo)
document.formprodotti.costo.value=periodo;
}
}
</script>
</head>
<body>
<td colspan="2"><form name="formprodotti" id="formprodotti" method="post" action="">
Package:
<Select name="SignUpPlanId" onchange="Somma(this[selectedIndex].value);">
<option value="0" selected="selected">Selected</option>
<option value="1">Prodotto1 </option>
<option value="2">Prodotto2</option>
<option value="3">Prodotto3</option>
<option value="4">Prodotto4</option>
</select>
<input type="radio" name="Packageperiod" value="6" onclick="Somma(document.formprodotti.SignUpPlanId[document.formprodotti.SignUpPlanId.selectedIndex].value)" />mensile
<input type="radio" name="Packageperiod" value="50" onclick="Somma(document.formprodotti.SignUpPlanId[document.formprodotti.SignUpPlanId.selectedIndex].value)" checked/>annuale
Prezzo
<input name="costo" type="text" size="7" readonly="true" />
</form></td>
</body>
</html>
Attenzione lo script non credo che funzioni se generi i campi select e radio dinamicamente. 
Ma dal momento che non hai specificato non è sicuramente il tuo caso.
Rispondi quotando
