user1049961 user1049961 - 3 years ago 317
jQuery Question

Bootstrap Select - reinitialize on dynamically added element

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 Bootsrap 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 Source

You have to refresh your select as mentioned on the plugin page : http://silviomoreto.github.io/bootstrap-select/#refresh

$(select).selectpicker('refresh');
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download