Bonjour,

Je cherche à créer un formulaire avec calcul de tarif pour envoyer le calcul du montant total.

J'ai donc créer ce formulaire html :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 <form method="post" action="payment.php" name="index" role="form" onsubmit="return checkForm(this);">
 
            <div class="form-group">
              <label for="firstname">Forme :</label>
			  <select name="forme" id="forme">
              <option value="vague">Vague</option>
			  <option value="ile">Ile</option>
			  <option value="dune">Dune</option>
			  </select>
            </div>
 
            <div class="form-group">
			 <label for="firstname">Qte :</label>
             <select name="qte" id="qte">
              <option value="1">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>
			  <option value="8">8</option>
			  <option value="9">9</option>
			  <option value="10">10</option>
			  <option value="11">11</option>
			  <option value="12">12</option>
			  <option value="13">13</option>
			  <option value="14">14</option>
			  <option value="15">15</option>
 
			  </select>
            </div>
 
 
<div class="form-group">
              <label for="amount">Amount:</label>
              <input type="number" class="form-control" id="amount" name="amount" placeholder="Amount to pay" required autocomplete="on">
            </div>
</form>

Code javascript qu'il faut optimiser pour mon cas.

Car le soucis est que je doit faire un montant intermédiaire:

Car chaque transats à son propre tarif.

1/ le client choisit le transat un prix doit alors être afficher.
2/ il choisit la quantité
3/le montant total s'affiche en multipliant quantité et le tarif du transat choisi.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function calculTotal(){
                var prix = Number(document.getElementById("forme").value);
 
                var quantite = Number(document.getElementById("qte").value);
 
                var amount = Number(prix * quantite);
                document.getElementById("amount").value = amount;
            }
 
</script>
Quelqu'un peut-il m'aider ?

Merci.