Mostrar conteúdo quando selecionar cidade

Fernanda Francisco · Janeiro 16, 2015

Pessoal boa tarde,

estou fazendo um site pessoal em wordpress e estou precisando colocar uma página que, quando a pessoa selecionar a cidade, mostre o conteúdo. Peguei um exemplo na web que funciona a seleção do estado e depois da cidade, mas como eu coloco para mostrar conteúdo a partir da cidade selecionada? alguém pode me dar uma ajuda??

Eu criei no banco, na tabela das cidades, mais uma coluna para colocar a informação que eu quero exibir.

INDEX.PHP

<html>

<head>

*, html {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

font-size: 12px;

}

a {

color: #0099CC;

}

body {

margin: 10px;

}

.carregando{

color:#666;

display:none;

}

</style>

</head>

<body>

<?php

require("../wp-config.php");

?>

<label for="cod_estados">Estado:</label>

<?php

$sql = "SELECT cod_estados, sigla

FROM estados

ORDER BY sigla";

$res = mysql_query( $sql );

while ( $row = mysql_fetch_assoc( $res ) ) {

echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';

}

?>

</select>

<label for="cod_cidades">Cidade:</label>

<span class="carregando">Aguarde, carregando...</span>

<option value="">-- Escolha um estado --</option>

</select>

google.load('jquery', '1.3');

</script>

$(function(){

$('#cod_estados').change(function(){

if( $(this).val() ) {

$('#cod_cidades').hide();

$('.carregando').show();

$.getJSON('cidades.ajax.php?search=',{cod_estados: $(this).val(), ajax: 'true'}, function(j){

var options = '<option value=""></option>';

for (var i = 0; i < j.length; i++) {

options += '<option value="' + j.cod_cidades + '">' + j.nome + '</option>';

}

$('#cod_cidades').html(options).show();

$('.carregando').hide();

});

} else {

$('#cod_cidades').html('<option value="">– Escolha um estado –</option>');

}

});

</script>

</body>

</htm>

CIDADES.PHP

<?php

header( 'Cache-Control: no-cache' );

header( 'Content-type: application/xml; charset="utf-8"', true );

require("../wp-config.php");

$cod_estados = mysql_real_escape_string( $_REQUEST['cod_estados'] );

$cidades = array();

$sql = "SELECT cod_cidades, nome

FROM cidades

WHERE estados_cod_estados=$cod_estados

ORDER BY nome";

$res = mysql_query( $sql );

while ( $row = mysql_fetch_assoc( $res ) ) {

$cidades[] = array(

'cod_cidades' => $row['cod_cidades'],

'nome' => $row['nome'],

);

}

echo( json_encode( $cidades ) );

JJI · Janeiro 16, 2015

um exemplo com pais / Estado / cidade

http://www.devmedia.com.br/populando-selects-dinamicamente-com-ajax-json-e-php/27658

Entrar

Mostrar conteúdo quando selecionar cidade

Pergunta

Fernanda Francisco

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

JJI

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades