相关疑难解决方法(0)

我有一个引导选择组合框，我在 ajax 调用 Html 中填充数据 ：

<div class="row">
<select id="selectGemeente1" class="selectpicker" data-live-search="true"></select>
</div>

阿贾克斯调用：

var gemeenteLijst = [];

var GetGemeentes = function () {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: 'https://localhost::blabla',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            var test = document.getElementById("selectGemeente1");
            data.forEach(function (item) {
                var opt = document.createElement("option");
                opt.value = item.GemeenteId;
                opt.innerHTML = item.Naam;
                test.appendChild(opt);
            });         
        },
        error: function (xhr, status, error) {
            alert(xhr.responseText);
        }
    });
}

$(document).ready(function () {
    GetGemeentes();  
})

运行我的应用程序后，我的选择已填充，但下拉列表未打开。

运行后的html

我看到很多解决方案说我应该把它放在我的 $(document).ready 中

$(".selectpicker").html(optgroup);

但随后我收到一条错误消息，指出 …