Calcul dynamique à partir de quantités <select>

**VaSss** · 26/04/2010, 10h16

Bonjour a tous,

Je vous expose mon problème :
Je doit développer une application web dans le cadre d'un projet et j'ai un petit problème de calcul de prix dynamique avec javascript.
A noter que mes quantités sont dans des balises select et que la liste du select est : "",1,2,3,4
Donc quand je sélectionne une quantité par exemple 4 tout va bien le total s'affiche dans ma page (dans une balise <td>) mais quand je change la valeur de cette même quantité par exemple 3 je voudrai que le calcul se fasse (que mon total passe a 3*le prix d'une entrée)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var total = 0; //variable global du prix total
// la fonction de calcul se déclenche par un onChange sur la balise select
function tarif(id){ 
	//variable du prix d'une entrée
	var prixE = Number(document.getElementById("prixEntree").innerHTML);
        //variable de la quantité sélectionnée
	var qte = Number(document.getElementById(id).value);
	if ( qte != ""){
	total += Number(prixE*qte);
	document.getElementById("total").innerHTML =total.toFixed(2);
}
}

J'espere que vous aurez compris mon problème sinon faites moi part de vos questions.

**andry.aime** · 26/04/2010, 10h20

Bonjour,
Tu appelles la fonction dans le onchange du select.

A+.

**VaSss** · 26/04/2010, 10h24

C'est ce que je fais, mon problème n'a pas de lien avec l'affichage ou autre problème technique, c'est un problème d'algorithmique, au changement de quantité d'une des listes <select> de ma page j'aimerai que le calcul s'effectue, le passage de la valeur 4 a la valeur 3 devrai soustraire une fois la valeur d'une entrée or ce n'est pas le cas.

pour information voici le code d'un de mes select :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<?php 
for($i=0;$i<count($tabEL);$i++){
echo "<select id=\"entreeL".$i."\"onChange=\"tarif(this.id)\"><option></option>
<option value=\"1\">1</option>
<option value=\"2\">2</option>
<option value=\"3\">3</option>
<option value=\"4\">4</option>
</select><br/>";
                                }
                        ?>