Form con calcolo automatico valori sul SUBMIT

**artnico** · 29-07-2015, 17:34

Buongiorno a tutti
Mi chiamo Nicola ed è la prima volta che scrivo sul forum di HTML.it

Purtroppo non ho molta dimestichezza con Javascript e programmazione in genere e mi sono trovato a dover risolvere un problemino che immagino per chi abbia esperienza sia una bazzeccola

Sostanzialmente devo creare un listino prezzi molto semplici in cui il campo select "SE" deve moltiplicarsi per il valore della selezione "notti" e sommare poi il suo risultato alla select "degustazioni"

Non è necessario il calcolo in tempo reale, mi basta che l'utente pigi il bottone calcola per avere poi il risultato in un div sottostante

Spero troviate del tempo per aiutarmi... vi ringrazio anticipatamente per l'attenzione
un saluto

<select name="se">
<option value="25" selected="selected">Prima colazione</option>
<option value="35">Mezza pensione</option>
<option value="40">Pensione completa</option> </select>

<select name="notti">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>

<select name="degustazioni">
<option value="10" selected="selected">2</option>
<option value="15">3</option>
<option value="20">4</option>
<option value="25">5</option>
<option value="30">6</option>
<option value="35">7</option>
<option value="40">8</option>
<option value="45">9</option>
<option value="50">10</option>
</select>

<button>calcola</button>

**lucavizzi** · 29-07-2015, 18:28

codice:

<head>
<script type="text/javascript">
function bill(){
   var se=Number(document.getElementById('se').value);
   var notti=Number(document.getElementById('notti').value);
   var degustazioni=Number(document.getElementById('degustazioni').value);
   
   var total=(se*notti)+degustazioni;
   document.getElementById('bill').innerHTML='Totale: &euro; '+total.toFixed(2);
}
window.onload=bill;
</script>
</head>
<body>
<select name="se" id="se" onchange="bill()">                                  
                                  <option value="25" selected="selected">Prima colazione</option>
                                  <option value="35">Mezza pensione</option>
                                  <option value="40">Pensione completa</option>                                 </select>
 
<select name="notti" id="notti" onchange="bill()">
                                    <option value="1" selected="selected">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
</select>
 
<select name="degustazioni" id="degustazioni" onchange="bill()">                                   
                                    <option value="10" selected="selected">2</option>
                                    <option value="15">3</option>
                                    <option value="20">4</option>
                                    <option value="25">5</option>
                                    <option value="30">6</option>
                                    <option value="35">7</option>
                                    <option value="40">8</option>
                                    <option value="45">9</option>
                                    <option value="50">10</option>
                                  </select>
 
<div id="bill"></div>
</body>

Il calcolo viene eseguito in tempo reale, al totale vengono aggiunti 2 decimali.

**artnico** · 30-07-2015, 11:27

Luca grazie mille per l'aiuto

un abbraccio e a presto

**lucavizzi** · 30-07-2015, 20:35

Originariamente inviata da artnico

Luca grazie mille per l'aiuto

un abbraccio e a presto

Non c'è di che, ciao.

Discussione: Form con calcolo automatico valori sul SUBMIT

Strumenti discussione

Ricerca discussione

Visualizza

Form con calcolo automatico valori sul SUBMIT

Permessi di invio