Bootstrap Select – 重新初始化动态添加的元素

我正在使用Bootstrap Select（ http://silviomoreto.github.io/bootstrap-select/ ）显示我网站每个部分的Font-Awesome图标下拉列表。

我添加了添加新部分的function – 当点击添加按钮时，会添加一个新部分（上一部分的副本）。 在本节中，Bootstrap Select不起作用。

我尝试重新开发它，如：

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

但这不起作用，因为detroy方法似乎没有触发。 有没有办法在动态添加的元素上重新启动Bootstrap Select？

Answer 1

您必须刷新插件页面上提到的选择： http ： //silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefresh

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

Answer 2

刷新（）

要以编程方式使用JavaScript更新选择，请先操作select，然后使用refresh方法更新UI以匹配新状态。 在删除或添加选项时，或通过JavaScript禁用/启用选择时，这是必需的。

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

演示