[Resolvido] Mudar cor do Selected num Combobox

[gdx02 0]

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>

[gdx02 0]

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