Colore SELECT

[Gino86]

Ciao a tutti, ho una select con 3 valori (ok, fuori servizio, da rifare), vorrei che a seconda del valore selezionato cambi colore.

io ho provato cosi
<script type="text/javascript">
function stateChanged(elem, state) {
var colore;
var selection = elem.value;
if(strcasecmp(selection, state) == 0) {
colore = "#ff32dc2";
} else if....

elem.style = "color:" + colore
}
</script>

<select id="5" onchange="stateChanged(this, '5');">
<option value="Ok">Ok</option>
<option value="Fuori servizio">Fuori servizio</option>
<option value="Da rifare">Da rifare</option>
</select>


solo che non funziona :-( dove sbaglio? come andrebbe fatta una cavolata del genere? :'(

Grazie

[Gino86]

Ciao ragazzi,
alla fine ho risolto così


<script type="text/javascript">
function stateChanged(selectId) {
var color;
var value = selectId.value;
if(value == "Ok") {
color = "green";
} else if(value == "Fuori servizio") {
color = "red";
} else if(value == "Da rifare") {
color = "orange";
}

selectId.style.color = color;
}
</script>

<select... onchange="stateChanged(this);">.....</select>



C'è solo un problema. io vorrei colorare solo l'elemento visualizzato, invece così quando apro la tendina sono dello stesso colore anche le altre scelte :-(

Ciao

[goikiu]

potresti provare a mettere l'evento onselected sulle option della select e cambiare direttamente lì, ma non son sicuro che possa funzionare

[Gino86]

Beh potrebbe funzionare, ma se seleziono tutte e tre le voci poi sono tutte colorate e viene un po una schifezza dovrei quindi prima impostare a default il colore della select e poi sostituire il colore dell'elemento selezionato, però in questo modo quando apro la tendina verrebbe colorata anche la scelta, a me serve colorare solo il testo della select.

Grazie cmq della risposta

Ciao

[goikiu]

beh, è una select, quindi un valore solo, puoi fare in modo che sempre su onselect imposta forzatamente sulle altre opzioni un colore standard e lascia colorata solo quella attualmente selezionata (parlo a livello teorico, conosco poco di javascript).

[Gino86]

ho provato ma non funziona, sicuramente devo aver sbagliato qualcosa, cmq per il momento lascio così che è una soluzione accettabile nel caso riesco a implementare l'ultimo metodo posto la soluzione.

ciao e grazie