Bootstrap Select - reinitialize on dynamically added element

user1049961 picture user1049961 · May 7, 2014 · Viewed 42k times · Source

I'm using Bootstrap Select (http://silviomoreto.github.io/bootstrap-select/) for displaying dropdown with Font-Awesome icons for each section of my website.

I added ability to add new sections - when clicked on add button, a new section (duplicate of previous section) is added. In this section, the Bootstrap Select doesn't work.

I tried to reinitilize it like:

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

That doesn't work though, as the detroy method doesn't seem to fire. Is there a way to reinitilize Bootstrap Select on dynamically added element?

Answer

Seb33300 picture Seb33300 · May 7, 2014

You have to refresh your select as mentioned on the plugin page

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