javascript - 使用 jQuery 更新选择选项不显示新选项

Question

挣扎了两天更新级联选择选项，并没有找到任何适合我的解决方案。

所以，这是我的代码：

    function getCity(val) {
$.ajax({
type: "POST",
url: "getCity.php",
data:'state_id='+val,
success: function(data){

    let dropdown = $('#city-list');
    dropdown.empty();

    var cities = data;
    $.each(cities, function (key,entry) {
    dropdown.append($('<option></option>').attr('value', entry.id).text(entry.lga_name));
    dropdown.trigger('change', true);
    });


}
});
}

最后一行dropdown.trigger('change', true);我<select class="selectpicker"></select>只更新了第一个（选定的）选项。实际上，新选项已加载，这是我在检查页面时发现的，但无法使它们可见。我认为某处是 jQuery 和 bootstrap-select.min.js 之间的冲突

我很欣赏任何指导方针。

标签： javascriptjquery