Bootstrap Select-повторная инициализация динамически добавляемого элемента

Я использую Bootstrap Select (http://silviomoreto.github.io/bootstrap-select/) для отображения выпадающего списка с шрифтом-удивительные иконки для каждого раздела моего сайта.

Я добавил возможность добавлять новые разделы - при нажатии на кнопку Добавить новый раздел (дубликат предыдущем разделе) добавлена. В этом разделе Bootstrap Select не работает.

Я пытался reinitilize как:

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

Это не работает, хотя, как метод detroy похоже, не стреляет. Есть ли способ, чтобы reinitilize загрузки выберите на динамически добавленный элемент?

18
bootstrap-select jquery select twitter-bootstrap

2 ответов

вы должны обновить свой выбор, как указано на странице плагина : http://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

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

обновить()

чтобы программно обновить select с помощью JavaScript, сначала манипулируйте select, затем используйте метод refresh для обновления пользовательского интерфейса в соответствии с новым состоянием. Это необходимо при удалении или добавлении параметров или при отключении/включении select с помощью JavaScript.

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

демо

14