Tenho o seguinte json:
E 2 selects, um para estado e outro para cidade, já preenchi o de estado corretamente usando este json:
//combobox estados
$.getJSON('http://api.doupenglish.com.br/unidades', function (unidades) {
var selectestado = $("#selectestado");
var selectcidade = $("#selectcidade");
var estados = unidades.Estados;
//não consigo recuperar as cidades do json aqui
var cidades = unidades.Estados.values;
// console.log(cidades)
var optionsestados = '<option hidden >Selecione um estado</option>';
$.each(estados, function (estado) {
optionsestados += '<option value="' + estado + '">' + estado + '</option>';
});
selectestado.html(optionsestados);
selectestado.change(function () {
var estadoselecionado;
selectestado.find("option:selected").each(function () {
estadoselecionado = $(this).text();
console.log(estadoselecionado)
});
})
});
Preciso que ao selecionar um estado ele liste todas as cidades daquele estado, o problema é que eu não estou consigo obter a "lista" de cidades neste json, tentei varias coisas porem sem sucesso. Não sei se é o json que ta mal "formatado" mas como nao possuo um chave para as cidades, não consigo acessar.
EDIT Consegui obter um objeto com as cidades:
$.each(estados, function (estado, cidades) {
if (estado === estadoselecionado){
console.log(cidades)
}
});
Porem ainda não consigo obter os valores deste objeto como nome, rua etc
data[0].bairro
?console.log( data )
o que retorna?