Publicado em 27 de fev.

[Resolvido] Mudar cor do Selected num Combobox

Alguém sabe como faz pra essa lance dar certo no ff? A idéia é que o texto dentro do combobox mude a cor conforme a opção selecionada pelo usuário...

java script:

function muda_cor(selecionado){
	if(selecionado=="Ativo"){
 document.status_evento.status.style.color = "#00CC35";
	}else if(selecionado=="Fechado"){
 document.status_evento.status.style.color = "#CC0035";
	}else{
 document.status_evento.status.style.color = "#999";
	}
}
muda_cor("Ativo");

HTML

<form action="status.php" method="post" name="status_evento" >
 <label>Status:</label>
 <select name="status" style="font:bold 11px Tahoma;" onchange="muda_cor(this.value);">
 <option value="Ativo" selected="selected" style="color:#00CC35;" >Ativo</option>
 <option value="Fechado" style="color:#CC0035;" >Fechado</option>
 <option value="Suspenso" style="color:#999;" >Suspenso</option>
 </select>
 </form>

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gdx02· 27 de fev.

Na verdade está tudo certo, mas a função está sendo chamada antes do browser compilar o form, portanto ele dá erro....

Troquei o modo como estava me referindo ao form no JS, mas isso naum interfere, e coloquei a chamada da função APÓS o campo select, pra mudar a cor assim que carrega a página.

java script:

function muda_cor(selecionado){
	if(selecionado=="Ativo"){
 document["status_evento"].status.style.color = "#00CC35";
	}else if(selecionado=="Fechado"){
 document["status_evento"].status.style.color = "#CC0035";
	}else{
 document["status_evento"].status.style.color = "#999";
	}
}

HTML

<form action="status_evento.php" method="post" name="status_evento" >
 <label>Status:</label>
 <select name="status" id="status" style="font:bold 11px Tahoma;" onchange="muda_cor(this.value);">
 <option value="Ativo" selected="selected" style="color:#00CC35;" >Ativo</option>
 <option value="Fechado" style="color:#CC0035;" >Fechado</option>
 <option value="Suspenso" style="color:#999;" >Suspenso</option>
 </select>

 <script type="text/javascript">muda_cor("Ativo");</script>

 </form>

fica a dica pra quem quiser. Abraços http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif