Couleurs des Select/Options
Bonjour,
Avant toute chose je dois avouer que je suis novice en JQuery. Donc excusez ma question si elle semble triviale.
Je suis en train de faire des tests pour changer la couleur de fond d'un "select" après avoir sélectionné une option d'une autre couleur.
Dans le code suivant j'ai la couleur de fond de select initialisé à "Bleu-clair". SI je sélectionne "Rouge" (par exemple) je voudrais que cette couleur devienne le défaut. Je ne sais pas faire ceci.
Toutefois il faut récupérer les informations de l'option que j'ai sélectionnée. Pour ce qui est de la valeur et du texte cela marche bien, mais le rgb est faux. Comment puis-je faire pour récupérer la valeur rgb(255,0,0) lorsque je sélectionne "Rouge".
Merci d'avance.
Gégé
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <html><head>
<meta http-equiv="Content-type" content="text/html; charset=Windows-1252"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
</script></head><body>
<center><p><h1>Test JQUERY
<h2>
<form><select id='S1' style='background-color:#25F0FF;'>
<option value='0' style='background-color:#25F0FF;' >bleu clair</option>
<option value='1' style='background-color:#0000FF;' >bleu</option>
<option value='2' style='background-color:#FF0000;' >rouge</option>
<option value='3' style='background-color:#00FF00;' >Vert</option>
<option value='4' style='background-color:#000000;' >Noir</option>
</select>
</body></html> |
Code:
1
2
3
4
5
6
7
8
| $(document).ready(function(){
$("#S1").mouseup(function(){
var txt = $("#S1 option:selected").text();
var val = $("#S1 option:selected").val();
var rgb = $("#S1 option:selected").css('backgroundColor');
alert("Texte=" + txt + " Valeur=" + val + " --> " + rgb);
});
}); |
