onChange cambio colore select

[i_am_antipop]

ciao, ho una select con degli option colorati diversamente (tramite css).

es.:
<option class="black">1</option>
<option class="red">2</option>

Se per es. scelgo 2 la select prende il valore 2 ed il colore rosso.

Come posso far sì che il colore dopo l'onChange diventi bianco?


grazie

[i_am_antipop]

se metto:

onchange=document.form1.ore_ordinarie0.style.color =red

mi dàerrore: "ore non è definito"

..anche se metto fffff, etc...

[i_am_antipop]

anche se metto

<select name=ore_ordinarie0 class="white">

..niente! dà precedenza allo style dell'option!


c'è un metodo?

tnx

[i_am_antipop]

forse ho sbagliato forum...

x MOD: è possibile spostare il post in Scripting?

grazie.


ù

[nuky]

<select onchange="this.options[this.selectedIndex].style.color='red'">
<option style="color:black">1</option> 
<option style="color:blue">2</option>
</select>

[i_am_antipop]

grazie, ma continua a mantener il colore dell'option scelta... e non diventa RED (ad es.) quando cambio la selezione...

allego mio script nel quale ho impostato il background-color ma priam ho provato anche col color:

<select name=ore_ordinarie0 onchange=this.options[this.selectedIndex].style.background-color=red>
<option selected value=0 style=background-color:blue>0</option>
<option value=1 style=background-color:yellow>1</option>

[nuky]

Allora non ho capito che cosa vuoi fare.
Potresti spiegarti meglio? :master:

[i_am_antipop]

In pratica ho una select dove alcune option hanno lo sfondo colorato, ad es scritta "ciao" di colore GIALLO.

Se scelgo dalla tendina "ciao" (cioè una option colorata), vorrei che nella select la scritta "ciao" diventasse di sfondo BIANCO.

Invece ora rimane selezionato "ciao" GIALLO.

E' possibile farlo diventare Bianco?

grazie

[nuky]

Ah, allora è il colore di sfondo che vuoi modificare:

<select onchange="this.options[this.selectedIndex].style.backgroundColor='white'">
  <option style="background-color:black">ciao1</option>
  <option style="background-color:blue">ciao2</option>
  <option style="background-color:yellow">ciao3</option>
</select>

[i_am_antipop]

GRANDE! yooo!!
funziona!!


grazie mille!