Bootstrap-select将不工作

Question

bootstrap-select不工作当我在我的代码中实现它时，来自select标签的数据不是来自数据库，它来自json文件，并且在模式打开时嵌入。以下是我的代码

 <div class="form-group">
    <label class="control-label">City</label>
    <select id="city" class="form-control form-control-sm" name="City"></select>
    @Html.ValidationMessageFor(model => model.City, "", new { @class = "text-danger" })
</div>

我的脚本代码，其中加载了select标记的数据

$(function () {
    var dropdown = $('#city');
    $.getJSON(AppGlobal.baseUrl + 'JsonFiles/city.json', function (data) {

        $.each(data.RECORDS, function (i, val) {

            dropdown.append($('<option></option>').attr({ 'value': val.citymunDesc, 'data-id': val.provCode }).text(val.citymunDesc));

        });
        $('#city').trigger('change');
    });  
    $('#city').selectpicker();
})

但是当我运行我的代码时，我将其设置为bootstrap-selectpicker的Select标记并没有加载数据。

​

Answer 1

您必须刷新您的选择：

 $('#city').selectpicker('refresh');