High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Javascript : changer la couleur d'un <select>

Dernière réponse le 16 sep 2009 à 14:14:22 nooby, le 1 fév 2008 à 17:39:36 
 Signaler ce message aux modérateurs

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) "

Configuration: Windows XP
Firefox 2.0.0.11

Posez votre question Répondre

1

totolintello, le 5 sep 2008 à 20:47:40

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+

   
Répondre à totolintello

2

Lyr, le 16 sep 2009 à 08:56:38

Onchange="this.style.backgroundColor = this[this.selectedIndex].style.backgroundColor;"

   
Répondre à Lyr

3

 Zestyr, le 16 sep 2009 à 14:14:22

#AAA = gris.
Le web n'est rien sans Javascript !

   
Répondre à Zestyr
Posez votre question Répondre
Ils ont besoin de votre aide