Question

我使用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？

Answer 1

您必须刷新插件页面上提到的选择： https://developer.snapappointments.com/bootstrap-select/methods/#selectpickerrefresh

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

Answer 2

refresh()

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

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

Demo

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

2 个答案:

refresh()