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


Moderador: web

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

Select onde escolhe os estados e mostra as cidades

27-03-2007 01:30

Esse artigo vai mostrar como montar um select onde escolhemos o estado e é retornado as cidades correspondentes.

O script trabalha em sequência, ou seja, o primeiro estado do select1 ( estados ) tem como cidades, o primeiro grupo válido no script.

Para obter os valores dos selects em um outro documento ( PHP ), por exemplo, use:

<?php $select1 = $_POST['select1']; $select2 = $_POST['select2']; ?> Veja o código: <form name="form" action="" method="POST"> <select name="select1" size="1" onChange="redirect(this.options.selectedIndex)"> <option>Escolha</option> <option value="Rio de Janeiro">Rio de Janeiro</option> <option value="São Paulo">São Paulo</option> </select> <select name="select2" size="1"> <option value="">escolha</option> </select> <script> var groups=document.form.select1.options.length var group=new Array(groups) for (i=0; i<groups; i++) group[i]=new Array() // grupo vazio group[0][0]=new Option("","") // links para o Rio de Janeiro | group[1][seguir a ordem] group[1][0]=new Option("Rio de Janeiro","Rio de Janeiro") group[1][1]=new Option("Campos","Campos") group[1][2]=new Option("Niterói","Niterói") // links para o São Paulo | group[2][seguir a ordem] group[2][0]=new Option("São Paulo","São Paulo") group[2][1]=new Option("Santos","Santos") var temp=document.form.select2 function redirect(x){ for (m=temp.options.length-1;m>0;m--) temp.options[m]=null for (i=0;i<group[x].length;i++){ temp.options[i]=new Option(group[x][i].text,group[x][i].value) } temp.options[0].selected=true } function go(){ location=temp.options[temp.selectedIndex].value } </script> <input type="submit"> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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