Ola Pessoal do zope

 Estou tendo um problema que não esta funcionando um exemplo que 
busquei na internet

Será que alguém tem um exemplo simples de uso de busca de Estados 
(UF) e Cidades ?
  Tentei fazer um exemplo utilizando o Ájax e o num combox com o 
ZSQL mas não sei qual problema esta aparecendo um erro

 Aparece os combobox Estado e cidade sem nada preenchido e ainda 
aparece uma linha do codigo  assim:

function ConsultaCidades(){
  _select = document.myForm.estados_uf.selectedIndex; //pegando

Isto que aparece após mostrar o combobox do Estado e da cidade
 Qual problema
 Alguém tem um exemplo mais simples de busca do estado e Cidade ?

Obrigado(a), 



<form name="myForm">
<label for="estados_uf">Estado</label>
  <select name="estados_uf" id="estados_uf" 
onchange="javascript:ConsultaCidades();">
     <options value="AC">AC</options>
  </select>
</form>

Crie o <select> onde serão preenchidas as cidades.
<label for="cidades">Cidades</label>
  <select name="cidades" id="cidades">
  </select>

Agora, vamos criar uma function javascript chamada ConsultaCidades.

<script language="Javascript">
function ConsultaCidades(){
  _select = document.myForm.estados_uf.selectedIndex; //pegando o 
objeto    selecionado do <select>
  _option = _select.myForm.estados_uf.options
[_select].value; //pegando a   opcao selecionada
  url = 'estado_py';
  pars = 'estado='+ _option;
  myAjax = new Ajax.Request(url,{
                                          method:'post',
                                          parameters:pars,
                                          onComplete:mostraCombo
                                          });
}

function mostraCombo(resposta){ <form name="myForm">
<label for="estados_uf">Estado</label>
  <select name="estados_uf" id="estados_uf" 
onchange="javascript:ConsultaCidades();">
     <options value="AC">AC</options>
  </select>
</form>

Crie o <select> onde serão preenchidas as cidades.
<label for="cidades">Cidades</label>
  <select name="cidades" id="cidades">
  </select>

Agora, vamos criar uma function javascript chamada ConsultaCidades.

<script language="Javascript">
function ConsultaCidades(){
  _select = document.myForm.estados_uf.selectedIndex; //pegando o 
objeto    selecionado do <select>
  _option = _select.myForm.estados_uf.options
[_select].value; //pegando a   opcao selecionada
  url = 'estado_py';
  pars = 'estado='+ _option;
  myAjax = new Ajax.Request(url,{
                                          method:'post',
                                          parameters:pars,
                                          onComplete:mostraCombo
                                          });
}




Responder a