Bootstrap：选择/选项列表在以编程方式添加项目后不会刷新

Question

我有以下选择/选项

<select class="bs-select form-control">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

在我的脚本部分，我有这个，它工作正常。正在应用样式

$(document).ready(function () {
    $('.bs-select').selectpicker();
});

我有一个执行此操作的按钮：

$('.bs-select').append($('<option>', {
                        value: 0,
                        text: "test"
                    }));

但是我的选择列表没有刷新。

我尝试添加

$('.bs-select').selectpicker();

在追加之后但它仍然不起作用。

如果删除$('.bs-select').selectpicker()

中的$(document).ready，我的选择列表会刷新

如何在添加项目后让我的列表刷新？

Answer 1

添加新选项

后使用refresh

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