necesito crear dinámicamente un input para listar todos los municipios de un determinado estado de México, tengo mi consulta correctamente y desde php estoy regresando el array de la siguiente manera.
$idestado = (int)$_POST['idestado'];
$municipios = new municipiosController();
$listmunicipios = $municipios->getMunicipioEstado($idestado);
echo json_encode($listmunicipios);
Desde ajax recibo este array y estoy haciendo un foreach para comprobar la información recibida y se supone que "según" la información de la consola todo está bien aunque noto que el array tiene información duplicada no entiendo por que, comparto captura:
Este es mi ajax:
$.ajax({
url:"views/ajax.php",
method:"POST",
dataType: 'JSON',
data:datos,
cache:false,
contentType:false,
processData:false,
success: function(regreso){
Object.keys( regreso ).forEach(function( key ) {
console.log('key name: ', key);
console.log('value: ', regreso[key]);
});
}
});
La pregunta es: De ese array que recibo necesito generar en html las opciones e insertarlas en el select.
<div class="row">
<div class="col-md-6">
<label>Municipio:</label>
<select class="selectpicker" id="selecmunicipio" name="selecmunicipio" data-live-search="true" title="Selecciona tu municipio" required>
</select>
</div>
El HTML que necesito generar es algo así:
<option value="123">Nombre de la localidad1</option>
Para quedar finalmente algo así:
<div class="row">
<div class="col-md-6">
<label>Municipio:</label>
<select class="selectpicker" id="selecmunicipio" name="selecmunicipio" data-live-search="true" title="Selecciona tu municipio" required>
<option value="123">Nombre de la localidad1</option>
<option value="13423">Nombre de la localidad2</option>
<option value="123223">Nombre de la localidad3</option>
</select>
</div>
success
de Ajax:success: function(regreso){ $.each(regreso, function(k, v) {$('#selecmunicipio').append('<option value="' + v.id + '">' + v.nombre + '</option>');});});
. Para los datos duplicados, tendrás que ver lo que está devolviendo tu petición en PHP.fetchAll
te está devolviendo un array JSON, no un objeto JSON, por lo tanto, deberás acceder a la clave0
de array para poder leerlo:$.each(regreso[0], function(k,v)...
todo lo demás lo dejas igual, como en el comentario de más arriba.