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();

追加后还是不行。

如果我删除 $(document).ready 中的 $('.bs-select').selectpicker()，我的选择列表会刷新

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

Answer 1

添加新选项后使用refresh

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