Javascript 使用jQuery更新选择选项不会显示新选项

在更新层叠选择选项方面苦苦挣扎了两天，没有找到适合我的解决方案

这是我的代码：

    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);
    });


}
});
}

最后一行下拉。触发'change'，true；我只更新了第一个选择的选项。 实际上，新的选项被加载了，这是我在检查页面时发现的，但无法使它们可见。我认为jQuery和bootstrap-select.min.js之间存在冲突

---

非常感谢您提供的指导。

可能与您的主要问题无关，但您的.trigger代码使用不正确。我对trigger“change”也有同样的结果。我想知道是否有一个选项可以强制新选项的可见性。反正是Thx。正如我所说，.trigger代码与您的问题无关。这只是对第二个参数的误用。任何时候修改DOM，页面都会自动更新。除非您使用CSS隐藏元素，否则不需要强制可见性。谢谢您的Scott。如果我从select中删除类，这段代码工作正常，这意味着类和这个函数之间存在冲突。但是我在javascript方面没有足够的经验来定位这个问题。