Combobox populado por uma Textarea FF x IE

E ae pessoal.

To procurando uma ajuda dos mais experientes, não sou desenvolvedor de JAVA mais estou em um projeto que tive que trabalhar um pouco com essa linguagem. No entanto a minha duvida deve ser algo simples.

Eu tenho 4 elementos: 1 Textarea, 1 Comobobox, 1 Botão Adicionar(Teste) e 1 Botão Apagar.

Bom tudo funciona perfeitamente no FF, ou seja quando escrevo algo na textarea e clico no Teste ele cria o texto na combobox.

Mais no IE  não da nem sinal de vida. Por falta de conhecimento não sei ?portar? o meu prorpio código para o IE, vocês vão perceber que é um código ?bebe? bem simples e com nenhuma malicia. Porem no FF faz o que preciso.

Se alguém tiver algum idéia para me ajudar fico grato.

i=0;
b=0;

function combo_adicionar(texto_novo){

// Impede a utilização de numeros negativos.
if ( i < 0) {
	i = 0;
	b = 0;
}

var campos = {
	cidades: document.getElementById("cidades"),
	texto: document.getElementById("texto"),

};

i++;
b++;

campos.texto.value = "carregando...";
campos.cidades.options[i] = new Option(texto_novo,i);
campos.texto.disabled = true;
campos.texto.disabled = false;
campos.texto.value = "";
alert("Adicionado com Sucesso.");
}


function combo_remover(){

// Impede que se delete o ID numero 0 que é fixo

if (b < 1) {
	b=1;

}
var campos = {
	cidades: document.getElementById("cidades"),
	texto: document.getElementById("texto"),

};


campos.texto.value = "Apagando...";
campos.cidades.options[b] =  null;
campos.texto.disabled = true;
campos.texto.disabled = false;
campos.texto.value = "";

b--;
i--;

}

No meu PHP.

<select name="cidades" id="cidades">
<option value="0">Indefinido</option>
    </select>

     <p><label id="text">
  <input name="texto" id="texto" type="text"/>
  </label>
  <input name="teste" type="button" value="teste" onclick="combo_adicionar(document.combo.texto.value);" />
       <input name="apagar" type="button" value="apagar" onclick="combo_remover();" />
</p>
     <p><label id="cidades2">
       <select name="cidades2" id="cidades2">
         <option value="0">Indefinido</option>
       </select></label>
</p>
     <p>
       <select name="cidades3" id="cidades3">
         <option value="0">Indefinido</option>
       </select>
  </p>
     <p>
       <select name="cidades4" id="cidades4">
         <option value="0" onclick="combo_indefinido();">Indefinido</option>
          <option value="1" onclick="combo_fisica();">Fisica</option>
          <option value="2" onclick="combo_juridica();">Juridica</option>
       </select>

Topicos relacionados