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.