javascript - Bootstrap : select/option list doesn't get refreshed after programmatically adding item

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

添加新选项后使用刷新

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