0

Hola tengo un problema con mi selector dinamico, me funciona de manera correcta, excepto que no me muestra los valores en el segundo select, creo que el problema esta en el codigo java script al imprimir el valor en cada select ya que me itera de forma correcta el numero de semestres pero no muestra su valor

Codigo Javascript

$(function() {
    $('#select-carrera').on('change', onselectcarrerachange);
});

function onselectcarrerachange() {

    var pensum_id = $(this).val();


    if (!pensum_id) {
        $('#select-semestre').html('<option value "">Seleccione un semestre</option>') return
    }

    $.get('/api/nueva-seccion/' + pensum_id + '/semestres', function(data) {

        var html_select = '<option value "">Seleccione un semestre</option>';
        for (var i = 0; i < data.length; ++i) html_select += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
        $('#select-semestre').html(html_select);
    });
}

Html selectores

    <div class="form-group col-sm-8">
     <div class="input-group"   title="Carrera">
    <span class="input-group-addon"><i class="fa fa-graduation-cap" aria-hidden="true"></i>
    </span>


    <select  class="form-control"   id="select-carrera">

    <option  value="">Seleccione carrerra    </option>
    @foreach ($pensum as $n)
    <option  value="{{$n->id}} "> {{$n->carrera}} | Regimen: {{$n->regimen}} |  Vigencia: {{$n->vigencia}}  </option>

    @endforeach

    </select>


    </div>
    </div>




<div class="form-group col-sm-8">
<div class="input-group">
<span class="input-group-addon"  title="Semestre" ><i class="fa fa-filter" aria-hidden="true"></i>
</span>



  <select  class="form-control"   id="select-semestre">
<option  value="">Semestres</option>

</select>



</div> 
</div>

Capture de mi consola con un console.log(data);

[![introducir la descripción de la imagen aquí][2]][2]

Console.log antes del for

console.log(data);
var html_select='<option value "">Seleccione un semestre</option>';
for ( var i =0 ; i<data.length; ++i) 
    html_select +='<option value="'+data[i].id+'">'+data[i].name+'</option>';
$('#select-semestre').html(html_select);
});

Resultado introducir la descripción de la imagen aquí

6
  • Has un console.log(data) en el request y dinos que muestra la consola
    – Einer
    Commented el 3 nov. 2017 a las 1:43
  • listo amigo, ya puedes verla Commented el 3 nov. 2017 a las 1:53
  • Pusiste el console.log antes del for?
    – Einer
    Commented el 3 nov. 2017 a las 1:54
  • lo puse despues ya subo de nuevo Commented el 3 nov. 2017 a las 1:55
  • Ponlo exactamente antes del for y publica el resultado.
    – Einer
    Commented el 3 nov. 2017 a las 1:56

1 respuesta 1

0

La respuesta de tu json no tiene un apropiedad name definida por lo que hace undefined.

La respueta solo tiene definida las siguientes propiedades:

{
 id: Number,
 semestre: String,
 penum_id: Number,
 created_at: String,
 updated_at: String
}

Tienes que agregar la propiedad name a tu respuesta en el servidor para lograr que funcione.

Actualizacion:

Si quieres imprimir el campo semestre, entonces cambia data[i].name por data[i].semestre:

var html_select='<option value "">Seleccione un semestre</option>';
for ( var i =0 ; i<data.length; ++i) 
    html_select +='<option value="'+data[i].id+'">'+data[i].semestre+'</option>';
     $('#select-semestre').html(html_select);
});
2
  • quiero imprimir el campo semestre Commented el 3 nov. 2017 a las 2:04
  • Mira la respuesta actualizada.
    – Einer
    Commented el 3 nov. 2017 a las 2:06

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.