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

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

Answer 1

你必须刷新你的 select :

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

Bootstrap-select 不起作用

Bootstrap-select wont work

jquery

html

razor

bootstrap-4

bootstrap-select