0

Tengo esta function en JS que cuando entra al Console.log(lista) me trae mi array con mis datos de esta manera:

0: {id:"XXXXX", nombre:"XXXX"}
...

--

function CargarPersonas() {
    console.log("Entre");
    var combo = document.getElementById('persona')

    $.ajax({
        type: "POST",
        url: '/persona/GETpersonas',
        dataType: "json",
        contentType: "application/json; charset=utf-8",
    })
        .done(function (lista)
        {
             console.log(lista);
        });

}

Como le hago para cargar mi select con el nombre?

1 respuesta 1

1

una forma de llenar un select es con el uso de document.createElement, para eso claro tiene que esta anteriormente definido tu select non un id asignado.

const newOptions = [{id:1, nombre:'option1'}, {id:2, nombre:'option2'}, {id:3, nombre:'option2'}];

function llenarSelect(list){
  const select =  document.getElementById('mySelect');
  
  list.forEach(e=>{
      const option = document.createElement('option');
      option.text=e.nombre;
      option.value=e.id;
      select.appendChild(option);
  })
}

llenarSelect(newOptions);
<select id='mySelect'>
  <option>Opciones</option>
</select>

En este caso sería unicamente mandar a llamar llenarSelect() en .done algo como:

.done(llenarSelect);

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.