Normalização
Primeiramente recomendo normalizar sua tabela de anúncios, se já possui tabelas para armazenar estados, cidades e bairros, você só precisa de ter o código de bairro na tabela anúncios, pois com esse código você irá conseguir recuperar as outras informações. Ficaria assim:
Tabela Anúncios
id int(11) unsigned not null auto increment
cod_bairro int(11) unsigned not null
foto varchar(250)
Observe que agora sua tabela só possui o código do bairro que é obrigatório, porem recuperando o registro do bairro, é possível recuperar a cidade, e ai poderá recuperar o estado.
Em alguns casos é interessante fazer igual você fez, porem é preferível usar uma camada de cache desnormalizada, mas isso é outro assunto.
Tabela Bairro
id int(11) unsigned not null auto increment
cod_cidade int(11) unsigned not null
nome varchar(250)
Tabela Cidade
id int(11) unsigned not null auto increment
cod_estado int(11) unsigned not null
nome varchar(250)
Tabela Estado
id int(11) unsigned not null auto increment
nome varchar(250)
uf char(2)
Montando o formulário
Seu formulário deverá ter 3 campos select
e um para anexo da foto. Para montar você precisará buscar no seu banco de dados apenas a lista de estados, porem terá que criar outras duas funções ou arquivos para listar as cidades e bairros de acordo com o que o usuário selecionar.
Por exemplo, o usuário ao preencher o formulário seleciona um estado, daí é feita uma chamada Ajax para obter as cidades passando o código do estado selecionado. E o mesmo acontece ao selecionar a cidade e obter a lista de bairros.
No código abaixo foi usado PDO para consultas no banco e o jQuery para o Javascript.
Buscando estado
$sqlEstado = 'SELECT * FROM estado ORDER BY nome ASC';
$resEstado = $conexao->prepare($sqlEstado);
$resEstado->execute();
$estados = $resEstado->fetchAll();
Formulário
<form action="salvar_anuncio.php" method="post" enctype="multipart/form-data">
<label for="estado">Estado:</label>
<select name="estado" id="estado" required>
<option value="">Selecione</option>
<?php foreach ($estados as $estado) { ?>
<option value="<?php echo $estado['id'] ?>"><?php echo $estado['nome'] ?></option>
<?php } ?>
</select>
<label for="cidade">Cidade:</label>
<select name="cidade" id="cidade" disabled required>
<option value="">Selecione um estado</option>
</select>
<label for="bairro">Bairro:</label>
<select name="bairro" id="bairro" disabled required>
<option value="">Selecione uma cidade</option>
</select>
<label for="foto">Foto:</label>
<input type="file" name="foto" id="foto">
<button type="submit">Salvar</button>
</form>
Javascript para o formulário
$(document).ready(function() {
$('#estado').on('change', function() {
$.ajax({
type: 'POST',
url: 'lista_cidades.php',
dataType: 'html',
data: {'estado': $('#estado').val()},
// Antes de carregar os registros, mostra para o usuário que está
// sendo carregado.
beforeSend: function(xhr) {
$('#cidade').attr('disabled', 'disabled');
$('#cidade').html('<option value="">Carregando...</option>');
$('#bairro').html('<option value="">Selecione uma cidade</option>');
$('#bairro').attr('disabled', 'disabled');
},
// Após carregar, coloca a lista dentro do select de cidades.
success: function(data) {
if ($('#estado').val() !== '') {
// Adiciona o retorno no campo, habilita e da foco
$('#cidade').html('<option value="">Selecione</option>');
$('#cidade').append(data);
$('#cidade').removeAttr('disabled').focus();
} else {
$('#cidade').html('<option value="">Selecione um estado</option>');
$('#cidade').attr('disabled', 'disabled');
$('#bairro').html('<option value="">Selecione uma cidade</option>');
$('#bairro').attr('disabled', 'disabled');
}
}
});
});
$('#cidade').on('change', function() {
$.ajax({
type: 'POST',
url: 'lista_bairros.php',
dataType: 'html',
data: {'cidade': $('#cidade').val()},
// Antes de carregar os registros, mostra para o usuário que está
// sendo carregado.
beforeSend: function(xhr) {
$('#bairro').attr('disabled', 'disabled');
$('#bairro').html('<option value="">Carregando...</option>');
},
// Após carregar, coloca a lista dentro do select de bairros.
success: function(data) {
if ($('#cidade').val() !== '') {
// Adiciona o retorno no campo, habilita e da foco
$('#bairro').html('<option value="">Selecione</option>');
$('#bairro').append(data);
$('#bairro').removeAttr('disabled').focus();
} else {
$('#bairro').html('<option value="">Selecione uma cidade</option>');
$('#bairro').attr('disabled', 'disabled');
}
}
});
});
});
Arquivo lista_cidades.php
<?php
// Uma forma de obter $_POST['estado'] mais segura
$codEstado = filter_input(INPUT_POST, 'estado', FILTER_VALIDATE_INT);
$sqlCidade = 'SELECT * FROM cidade WHERE cod_estado = :codestado ORDER BY nome ASC';
$resCidade = $conexao->prepare($sqlCidade);
$resCidade->execute(array(
':codestado' => $codEstado
));
$cidades = $resCidade->fetchAll();
?>
<?php foreach ($cidades as $cidade) { ?>
<option value="<?php echo $cidade['id'] ?>"><?php echo $cidade['nome'] ?></option>
<?php } ?>
Arquivo lista_bairros.php
<?php
// Uma forma de obter $_POST['cidade'] mais segura
$codCidade = filter_input(INPUT_POST, 'cidade', FILTER_VALIDATE_INT);
$sqlBairro = 'SELECT * FROM bairro WHERE cod_cidade = :codcidade ORDER BY nome ASC';
$resBairro = $conexao->prepare($sqlBairro);
$resBairro->execute(array(
':codcidade' => $codCidade
));
$bairros = $resBairro->fetchAll();
?>
<?php foreach ($bairros as $bairro) { ?>
<option value="<?php echo $bairro['id'] ?>"><?php echo $bairro['nome'] ?></option>
<?php } ?>
SQL para buscar Anúncios\
SELECT
a.`id`,
a.`foto`,
e.`nome`,
e.`uf`,
c.`nome`,
b.`nome`
FROM `anuncio` AS a
INNER JOIN `bairro` AS b
ON a.`cod_bairro` = b.`id`
INNER JOIN `cidade` AS c
ON b.`cod_cidade` = c.`id`
INNER JOIN `estado` AS e
ON c.`cod_estado` = e.`id`
WHERE
-- Condicoes