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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
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 escolha país, estado e cidade com jQuery e MySQL

31-03-2014 19:02

Esse é um script do tipo que escolhe o país, em seguida é carregado os estados, escolhendo o estado, seleciona as cidades do mesmo.

O script usa jQuery e banco de dados MySQL.


Primeiro, baixe esse arquivo Origem: PaisEstadoCidade.zip

Pegue o arquivo leiteenegocios.sql e extraia dentro do seu SQL. Irá inserir a tabela de país, estado e cidade no seu banco de dados.

Obs.: Adicione a biblioteca jquery "jquery.js" dentro da pasta onde vai rodar os arquivos .php

Agora você precisará de 3 arquivos:

PaisEstadoCidade.php

<?php header("Content-Type: text/html; charset=ISO-8859-1",true); // CONEXÃO ?>   <script src="jquery.js"></script>   <script> $(document).ready(function() {   $("select[name=Paises]").change(function(){ $("select[name=Estados]").html('<option value="">aguarde...</option>'); $.post("selecionaEstado.php", {valor:$(this).val()}, function(valor){ $("select[name=Estados]").html(valor); } ) })   $("select[name=Estados]").change(function(){ $("select[name=Cidades]").html('<option value="">aguarde...</option>'); $.post("selecionaCidade.php", {valor:$(this).val()}, function(valor){ $("select[name=Cidades]").html(valor); } ) })   }); </script>     <select name="Paises" id="Paises" onchange="mandaPais(this.value)"> <option value="" selected>Selecione um país</option> <?php                                         $sql = "SELECT iso, nome FROM lc_paises";                                         $resultado = mysql_query($sql);                                         while ($linha = mysql_fetch_array($resultado)){                                         $nome = $linha["nome"];                                         $iso = $linha["iso"];                                         echo "<option value='$iso'>$nome</option>";                                         }; ?> <option value="Outro">Outro</option> </select>   <br />   <select name="Estados" id="Estados"> <option value="" selected>Selecione um Estado</option> <option value="Outro">Outro</option> </select>   <br />   <select name="Cidades" id="Cidades"> <option value="" selected>Selecione uma Cidade</option> <option value="Outra">Outra</option> </select>

selecionaEstado.php

<?php header("Content-Type: text/html; charset=ISO-8859-1",true); // CONEXÃO $id_estado = $_POST['valor']; echo "<option>Escolha....</option>"; $sql = "SELECT iso, uf, nome FROM lc_estados WHERE iso ='".$id_estado."'"; $resultado = mysql_query($sql);  while ($linha = mysql_fetch_array($resultado)){ $uf = $linha["uf"]; $nome = $linha["nome"]; echo "<option value='$uf'>$uf - $nome</option>"; } mysql_close($conexao); ?>

selecionaCidade.php

<?php header("Content-Type: text/html; charset=ISO-8859-1",true); // CONEXÃO $id_estado = $_POST['valor']; echo "<option>Escolha....</option>"; $sql = "SELECT uf, nome FROM lc_cidades WHERE uf ='".$id_estado."'"; $resultado = mysql_query($sql);  while ($linha = mysql_fetch_array($resultado)){ $uf = $linha["uf"]; $nome = $linha["nome"]; echo "<option value='$nome'>$nome</option>"; } mysql_close($conexao); ?>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

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