Investigando encontre una solucion parecida a tu caso, en si es aumentar el .selectpicker('refresh')
pero despues del load()
para que se renderize en el momento que carga, asi:
<div class="form-group " id="alumno">
<label class="col-lg-2 control-label">Alumno*</label>
<div class="col-md-6">
<select class="form-control selectpicker" multiple data-live-search="true" name="alumn_id" id="alumn_id" required>
</select>
</div>
</div>
$(document).ready(function() {
$('#group_id').on('change', function() {
if ($('#group_id').val() == "") {
/* $('#alumno').addClass('hidden'); */
} else {
/* $('#alumno').removeClass("hidden"); */
$('#alumn_id').load('core/app/ajax/request_get.php?group=' + $('#group_id').val()).selectpicker('refresh');
}
});
});
Pero porque el refresh
, simple, en la documentacion dice lo siguiente:
Para actualizar mediante programación una selección con JavaScript, primero manipule la selección y luego use el método refresh para actualizar la interfaz de usuario para que coincida con el nuevo estado. Esto es necesario al eliminar o agregar opciones, o al deshabilitar / habilitar una selección a través de JavaScript.
Con respecto a lo que me decias, el name,id
van en el select
, no en un option
Referencia: