Ajuda Cross-browser

[Leandro MX]

E aí pessoal, preciso filtrar as cidades de uma combo de acordo com o estado selecionado em outra combo.

function filtraCidades()
	{
	var padrão = 0;
	var estado = document.clientes.estado[document.clientes.estado.selectedIndex].value;
	var cidades = document.clientes.cidade.length;
	for (i = 0; i < cidades; i++)
  {
  var idCidade = document.clientes.cidade.options[i].id;
  if (idCidade == estado)
  	{
  	if (padrão == 0)
    {
    document.clientes.cidade.options[i].selected = true;
    padrão = 1;
    }
  	document.clientes.cidade.options[i].style.display = "block";
  	}
  else
  	{
  	document.clientes.cidade.options[i].style.display = "none";
  	}
  }
	}

Esse código funciona perfeitamente no Firefox/Mozilla/Netscape, porém no Internet explorer o seguinte comando não faz efeito:

document.clientes.cidade.options[i].style.display = "block";

Já tentei também das seguintes maneiras:

document.clientes.cidade.options[i].disabled = "disabled";
  	document.clientes.cidade.options[i].className = "hideOpt";

Mas nenhuma deu certo. O estranho é que o IE interpreta perfeitamente a instrução condicional do "if (idCidade == estado)" porque eu testei usando caixas de mensagem que continham textos indicando "igual" ou "diferente", portanto o erro é causado por um dos comandos descritos acima.

Obrigado.

[Crystian]

você já tentou trabalhar com o removeOption(indice) ?

[Leandro MX]

Se fizer assim não poderei adicioná-lo novamente caso o usuário mude o estado novamente.