Javascript : changer la couleur d'un <select>
nooby
-
kamna -
kamna -
Bonjour tout le monde,
Petite galère en javascript (normal pour un noob !). Merci de votre aide :)
j'ai un <select> dont chaque option est colorée différemment
Je voudrais que quand je change la sélection, le <select> hérite de la couleur correspondant au <option> choisi.
Visiblement, c'est pas ça : onchange="this.style.color=this.selectedIndex.style.color;"
<select name="select1" style="color:#AAA;" onchange="this.style.color=this.selectedIndex.style.color;">
<option value="1" style="color:#BBB;">1</option>
<option value="2" style="color:#CCC;">2</option>
<option value="3" style="color:#DDD;">3</option>
</select>
ps : j'ai aussi un petit doute sur ma façon de décrire ma couleur (#AAA) parce que Firefox me le convertit en " rgb(100, 100, 100) "
Petite galère en javascript (normal pour un noob !). Merci de votre aide :)
j'ai un <select> dont chaque option est colorée différemment
Je voudrais que quand je change la sélection, le <select> hérite de la couleur correspondant au <option> choisi.
Visiblement, c'est pas ça : onchange="this.style.color=this.selectedIndex.style.color;"
<select name="select1" style="color:#AAA;" onchange="this.style.color=this.selectedIndex.style.color;">
<option value="1" style="color:#BBB;">1</option>
<option value="2" style="color:#CCC;">2</option>
<option value="3" style="color:#DDD;">3</option>
</select>
ps : j'ai aussi un petit doute sur ma façon de décrire ma couleur (#AAA) parce que Firefox me le convertit en " rgb(100, 100, 100) "
A voir également:
- Javascript : changer la couleur d'un <select>
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
3 réponses
Salut
moi ça marche avec des <ipnut> mais je suis certain que cela marchera avec tes <option>.
voici mon code:
<form action="mailer.php" method="post">
<input type="text" name="email" onchange="this.style.color='#000000'" style="color:#CDCDCD;" size="55" value="Votre e-mail" /><br />
<input type="text" name="subject" onchange="this.style.color='#000000'" style="color:#CDCDCD;" size="55" value="Sujet du message" />
</form>
A+
moi ça marche avec des <ipnut> mais je suis certain que cela marchera avec tes <option>.
voici mon code:
<form action="mailer.php" method="post">
<input type="text" name="email" onchange="this.style.color='#000000'" style="color:#CDCDCD;" size="55" value="Votre e-mail" /><br />
<input type="text" name="subject" onchange="this.style.color='#000000'" style="color:#CDCDCD;" size="55" value="Sujet du message" />
</form>
A+
