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

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

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

Я пытался переинициализировать его так:

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

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

Ответ 1

Вы должны обновить свой выбор, как указано на странице плагина

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

Ответ 2

refresh()

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

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

Демо-версия