jquery - 用javascript填充时选择框外的值

Question

嗨，我正在制作这样的用户界面：

我有一个选择框，它用我的数据库的值动态填充，但是当我填充它时，值会像在图片中看到的那样自行退出

当我将值设置为以下形式时

<select class="form-control pool">
 <option value="value">Values</option>
</select>

我没有同样的问题。我正在使用 bootstrap-select 插件我用 Jquery 做这个

  $(function () {
                $.ajax({
                url: "@Url.Action("getPools", "MakeRequest")",
                type: 'post',
                datatype: 'application/json',
                data: {
                },
                success: function (data) {
                    for (i = 0; i < data.length; i++) {
                        $('.pool').append('<option value="' + data[i]["idPool"] + '" >' + data[i] 
                        ["idPool"] + " | " + data[i]["poolDescription"] + '</option>');
                    }
                }
            });
                    $('select').selectpicker();

        });

如果我使用刷新会发生这种情况：

现在我有选择值，但值继续退出选择框

填写它的正确表格是什么？

标签： jquerydrop-down-menubootstrap-4frontend