Skip to main content
se añadieron 399 caracteres en el cuerpo
Origen Enlace
Juan Rivera
  • 1.5k
  • 9
  • 23

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:

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:

$(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.

Referencia:

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:

Origen Enlace
Juan Rivera
  • 1.5k
  • 9
  • 23

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:

$(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.

Referencia: