Discussion :

[Zebulon777]

Bonjour à tous,

j'essaye de mettre différentes couleurs de fond à des options d'une liste déroulante en fonction de certains critères.
J'arrive bien à changer la fond de la liste, mais pas des options

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
var WOption = document.createElement("OPTION");
WOption.text = WText;
WOption.value = WValeur;
document.getElementById(WListe).add(WOption);
...
... J'ajouterai ensuite ici les test pour déterminer la couleur de fond de l'option.
...
document.getElementById(WOption).className="Liste_FondRouge";

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.Liste_FondVert {
    background-color: green;
}
 
.Liste_FondBleu {
    background-color: blue;
}
 
.Liste_FondRouge {
    background-color: red;
}
.Liste_FondOrange {
    background-color: orange;
}

Ca plante donc sur le getElementById(WOption) ce qui est logique puisqu'il n'y a pas d'ID, mais je ne vois pas comment faire pour appliquer la classe dynamiquement ?

Merci d'avance pour votre aide.

[Zebulon777]

Bon, ben c'était tout bête, oups.
Je cherchais vraiment la complication, alors qu'il suffisait d'aller au vraiment, vraiment plus simple...

Voici la solution, si ça peut aider :

Code :

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

1
2
3
4
5
6
7
8
var WOption = document.createElement("OPTION");
WOption.text = WText;
WOption.value = WValeur;

WOption.className="Liste_FondRouge";

document.getElementById(WListe).add(WOption);

Merci quand même...