Discussion :

[pontus21]

Bonjour,

J'ai dans ma page plusieurs éléments de type select (le nombre est variable).
J'aimerais que quand l'utilisateur change un de ces valeurs (qui sont que des nombres) la somme des valeurs sélectionnées soit calculée et affichée dans un span, par exemple.

Je ne vois pas comment faire pour pouvoir parcourir mes select ...

Merci d'avance

[RomainVALERI]

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
// si ils sont disséminés un peu partout dans ta page (ce qui est peu probable)
var inputs = document.getElementsByTagName("INPUT");
// si par contre ils sont tous dans le même élément (ce qui est fort probable)
var inputs = document.getElementById("idDeTonElementConteneur").getElementsByTagName("INPUT");
 
// ensuite pour récupérer les seuls "select"
var selects = [];
for (var i = 0, iMax = inputs.length; i < iMax; ++i) {
   if (inputs[i].type == "select") {
      selects.push(inputs[i]);
   }
}
// en admettant que tu n'as pas d'autres select qui doivent "échapper" à ce traitement, sinon rajoute une condition... ^^

Il te restera simplement à récupérer chaque value, utiliser parseInt (sans oublier "10" en second paramètre ) pour transformer ça en valeurs numériques (car dans le select c'est une chaine de caractères), faire la somme et mettre à jour ton élément d'affichage... ^^

[SpaceFrog]

utiliser parseInt (sans oublier "10" en second paramètre )

ou mulitplier par 1

[Bovino]

Ou utiliser l'opérateur + avant la chaine pour la typer en Number

Code :

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

1
2
3
var test = +"08";
alert(typeof test);    // test est bien du type Number
alert(test + 2);    // test est bien en base 10

[RomainVALERI]

Mais qu'est-ce que c'est que ces recettes vaudou

... si ça ne venait pas de personnes sérieuses j'aurais commencé par rigoler mais là... ^^ ok je ne connaissais pas merci les gars