Javascript : changer la couleur d'un <select&gt

Fermé
nooby - 1 févr. 2008 à 17:39
 kamna - 25 avril 2010 à 04:26
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) "

3 réponses

onchange="this.style.backgroundColor = this[this.selectedIndex].style.backgroundColor;"
1
merci c'est bien la solution
0
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+
0
Zestyr
Messages postés
466
Date d'inscription
mercredi 12 août 2009
Statut
Membre
Dernière intervention
17 octobre 2011
52
16 sept. 2009 à 14:14
#AAA = gris.
0