jquery - selectpicker - select plugin bootstrap

Bootstrap Select-reinicializar en elemento agregado dinámicamente

Question

Estoy usando Bootstrap Select ( http://silviomoreto.github.io/bootstrap-select/ ) para mostrar el menú desplegable con iconos de Font-Awesome para cada sección de mi sitio web.

Agregué la capacidad de agregar nuevas secciones: cuando se hace clic en el botón Agregar, se agrega una nueva sección (duplicado de la sección anterior). En esta sección, el Bootstrap Select no funciona.

Intenté reiniciarlo como:

var select = $(''[name="section[''+ numbersection +''][section_icon]"]'');
$(select).selectpicker(''destroy'');
$(select).selectpicker({
  showIcon: false
});

Sin embargo, eso no funciona, ya que el método de destrucción no parece dispararse. ¿Hay alguna manera de reiniciar el Bootstrap Select en un elemento agregado dinámicamente?

Answer 1

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.

$(".selectpicker").selectpicker(''refresh'');

Demo

Answer 2

Debe actualizar su selección como se menciona en la página del complemento: http://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

$(select).selectpicker(''refresh'');