自举选择将无法正常工作

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>

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

$(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 Tag没有加载数据。

Answer 1

您必须刷新选择的内容：

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