estoy reciviendo este array de objetos como callback con una peticion ajax
[
{"nombre":"Kabul"},
{"nombre":"Qandahar"},
{"nombre":"Herat"},
{"nombre":"Mazar-e-Sharif"},
{"nombre":"Otra"}
]
esta es la manera que leo el array de objetos para luego inprimir en un div los resultados
$.ajax({
url:url,
type:"POST",
datatype:"JSON",
contenttype:"application/json",
}).done(function(response){
var text=response;
var obj=JSON.parse(text);
var array=[];
obj.forEach( ciudad => array.push(ciudad.nombre) );
//al imprimir esto en la consola el resultado es exitoso ejemplo
//["kabul","Qandhar","Herat","Mazart-e-Sharif","otra"]
console.log(array)
//trato de imprimir el array en un select de esta manera
for(i=0; i< array.length; i++){
$("#myCities").html(array[i])
}
})
aunque el push
se hace exitosamente en el array a la hora de imprimir el array en el div
solo me imprime el ultimo indice del array es decir otra no entiendo por que si el array esta bien y estoy suponiendo que la manera que lo estoy leiendo con el for
es la correcta, alguna ayuda?
.append()
en lugar de.html()
append
se irian agregando los resultados y guardando los anteriores