Boa tarde,
Estou com um problema com meu select de estados e cidades.
Quando eu digito um CEP ele preenche os campos automaticamente, já consigo preencher até o Estado mesmo ele sendo um select e melhor ainda não necessitando setar as siglas dos Estados em "option value", porém a cidade não é selecionada, veja bem: ela é exibida no campo abaixo ou seja o vínculo entre cidade e estado está funcionando, porém ele não seta a cidade que foi recebida do script de CEP, segue abaixo os códigos:
cep.js
$("#cep_res").blur(function() {
var url = "http://cep.republicavirtual.com.br/web_cep.php";
var cep = $(this).val();
$.ajax({
type: "GET",
dataType: 'json',
data: {'cep': cep, 'formato': 'json'},
async: false,
url: url,
success: function(response) {
if (response.resultado === '1') {
$("#bairro_res").val(response.bairro);
$("#logradouro_res").val(response.logradouro);
var uf = response.uf;
$("select#estado_ress option").each(function() {
this.selected = (this.text === uf);
});
var cidade = response.cidade;
$("select#cidade_ress option").each(function() {
this.selected = (this.text === cidade);
});
$("#estado_ress").trigger("change");
}
}
});
});
formulário.php
<label>Estado <span>*</span></label>
<select class="classic" name="estado_res" id="estado_ress">
<option value="0">Selecione</option>
<?php
$q = "SELECT * FROM estado ORDER BY nome";
$g = connect($q);
while($e = mysql_fetch_assoc($g[0])){
echo '<option value="'.$e['id'].'">'.$e['uf'].'</option>';
}
?>
</select>
<script>
$(document).ready(function(){
$('#estado_ress').change(function(){
var param = $(this).val();
$.post("../escola/busca_cidade.php", { est: param }, function(valor){
$("#aqui_cidadec").html(valor);
}
);
});
});
</script>
<div id="aqui_cidadec">
<label>Cidade <span>*</span></label>
<select class="classic" name="cidade_res" id="cidade_ress" style="text-transform:none !important;">
<option value="0">Selecione</option>
</select>
</div>
busca_cidade.php
<?php
require_once('./lib/classes/conexao.php');
require_once('./lib/functions/functions.func.php');
require_once('./lib/classes/mysql.class.php');
if(!empty($_REQUEST['est'])){
$q = "SELECT * FROM cidade WHERE estado = '".$_REQUEST['est']."'";
$g = connect($q);
echo '<label>Cidade <span>*</span></label>';
echo '<select class="classic" name="cidade_res" id="cidade_ress">
<option value="0">Selecione</option>';
while ( $l = mysql_fetch_assoc($g[0]) ) {
echo '<option value="'.$l['id'].'">'.$l['nome'].'</option>';
}
echo '</select>';
} else { ; }
?>
Ao final do formulario.php eu tenho o seguinte script:
<script src="<?php echo $url_site; ?>lib/js/cep.js" type="text/javascript"></script>
Quem tiver sugestões do que pode ser feito ou algum erro que cometi, pode comentar aí!