Olá pessoal tudo bem todos, preciso humildemente da ajuda de vocês estou com o seguinte problema:
Tenho um scrpt Ajax com os estados e cidades do brasil, e um select option onde lista o estado e o outro suas respectivas cidades, ate ai tudo bem, apos eu selecionar uma cidade e um estado, eu consigo gravar no banco normalmente, minha dificuldade é na hora de editar esse select ele fica em branco, não vem selecionado o que esta na tabela, ele volta vazio listando do Ajax os estados e cidades,
Eu não sei fazer, mas tem como ao chamar esse select para editar ele percorrer e comparar a lista no Ajax com o que consta na coluna da tabela e já ficar selecionado ?
HTML:
<select id="estados">
<option value=""></option>
</select>
<select id="cidades" >
<option value=""></option>
</select>
JavaScript
<script type="text/javascript">
$(document).ready(function () {
$.getJSON('estados_cidades.json', function (data) {
var items = [];
var options = '<option value="">escolha um estado</option>';
$.each(data, function (key, val) {
options += '<option value="' + val.nome + '">' + val.nome + '</option>';
});
$("#estados").html(options);
$("#estados").change(function () {
var options_cidades = '';
var str = "";
$("#estados option:selected").each(function () {
str += $(this).text();
});
$.each(data, function (key, val) {
if(val.nome == str) {
$.each(val.cidades, function (key_city, val_city) {
options_cidades += '<option value="' + val_city + '">' + val_city + '</option>';
});
}
});
$("#cidades").html(options_cidades);
}).change();
});
});
</script>
data
? Vêm como array?