javascript - disabled - Cómo agregar valores de opciones en silviomoreto''s Bootstrap-Select

selectpicker refresh

Question

Utilicé el bootstrap-select de silviomoreto pero tengo problemas. Tengo 2 menús desplegables (Seleccionar) un desplegable de región y ciudades. Ahora, tengo una función jquery onchange, la función cambiará los valores en el menú desplegable de ciudades dependiendo de la región seleccionada. Aquí está mi código:

<select id="region" class="selectpicker"></select>
<select id="cities" class="selectpicker"></select>

$("#region").on(''change'', function () {
   $("#cities").html(''<option>city1</option><option>city2</option>'');
});

El problema es que creo que la compatibilidad? Cuando eliminé el class = "selectpicker" funciona bien, pero no puedo eliminarlo porque lo usé para mi interfaz de usuario desplegable. Revisé la documentación aquí https://developer.snapappointments.com/bootstrap-select/ pero no puedo encontrar una respuesta relevante a mi pregunta. ¡Gracias!

Answer 1

Pruebe selectpicker(''refresh'') .

refresh()

Para actualizar mediante programación una selección con JavaScript, primero manipule la selección, luego use el método de actualización 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 .

Retazo

$("#cities")
   .html(''<option>city1</option><option>city2</option>'')
   .selectpicker(''refresh'');

Demostración de trabajo: http://jsfiddle.net/codeandcloud/nr54vx7b/