引导:选择/选项列表不'在以编程方式添加项目后无法刷新

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

本文关键字:添加 方式 编程 项目 刷新 选择 选项 列表 引导      更新时间:2023-09-26

我有以下选择/选项

<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(),我的选择列表将被刷新

添加项目后,如何刷新列表?

添加新选项后使用refresh

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