Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Escolher estado e listar cidades correspondentes

07-04-2007 18:33

Esse é um script onde você escolhe o estado em uma lista e é retornado as cidades correspondentes.

Obs.: tem um incoveniente, quando vai passar os valores selecionados (estado e cidade) pelo form, o estado vem em número.

Ex.:
ao invés de vir o valor: RJ, SP, vem: 0,1, etc...

Verificar valor de cada estado no script abaixo.

SCRIPT JS DOS ESTADOS E CIDADES
lista_cidades.zip

CHAMADA JS E FORMULÁRIO DO CÓDIGO
<script language="JavaScript" type="text/javascript"> var estado = new Array(); var cidades = new Array();   cidades[0] = ''; cidades[1] = ''; cidades[2] = ''; cidades[3] = ''; cidades[4] = ''; cidades[5] = ''; cidades[6] = ''; cidades[7] = ''; cidades[8] = ''; cidades[9] = ''; cidades[10] = ''; cidades[11] = ''; cidades[12] = ''; cidades[13] = ''; cidades[14] = ''; cidades[15] = ''; cidades[16] = ''; cidades[17] = ''; cidades[18] = ''; cidades[19] = ''; cidades[20] = ''; cidades[21] = ''; cidades[22] = ''; cidades[23] = ''; cidades[24] = ''; cidades[25] = ''; cidades[26] = ''; cidades[27] = '';   for(a=0; a<28; a++){ cidades[a] = new Array(); } </script>   <script src="lista_cidades.js" language="JavaScript" type="text/javascript"></script>   <script language="JavaScript" type="text/javascript"> function limpaOption(campo){ while(campo.options.length > 1){ campo.remove(1); } } function monta_estados(){ limpaOption(document.form.estados, 1); document.form.estados.options[0] = new Option("Selecione um estado" , -1); for(i=1; i<=estado.length; i++){ document.form.estados.options[ i ] = new Option(estado[ (i - 1) ], (i - 1)); } } function monta_select(id){ if(id != -1){ if(id == ''){ document.form.cidades.options[0] = new Option("Selecione uma cidade" , -1); } else { limpaOption(document.form.cidades, 2); document.form.cidades.options[0] = new Option("Selecione uma cidade" , -1); for(i=1; i<=cidades[ id ].length; i++){ document.form.cidades.options[ i ] = new Option(cidades[ id ][ (i - 1) ], cidades[ id ][ (i - 1) ]); } } } } </script>


<body onload="monta_estados();monta_select('');">   <form name="form" method="POST"> Estados: <select onchange="monta_select(this.value);" name="estados"></select> Cidades: <select name="cidades"></select> <input type="submit"> </form>

Para por em funcionamento, descompacte o arquivo .zip (lista_cidades.js) no diretório que desejar, pegue o código restante acima e crie um arquivo .html ou .php com ele (no mesmo diretório do lista_cidades.js), depois é só rodar o documento.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado