Jquery 如何通过JavaScript初始化（和重新初始化）引导选择

我有一个引导模式，只有一个“选择”字段，用于在beckend web应用程序上为所选服装产品选择颜色、性别剪裁或尺寸

我通过ajax获取数据，返回一个json数组，其中包含{Id，Text，Val}表示颜色/性别或大小Id区分颜色/性别/大小，并在添加新选项之前清除我的选择

这与标准的HTML select配合得很好

<select id="productProperty" class="form-control" multiple></select>

使用标准选择输出：

但是boostrap select不起作用

<select id="productProperty" class="form-control selectpicker" multiple></select>

使用引导选择输出：

[

这是我的ajax电话

     $.ajax({   url: 'theUrl',
                type: "GET",
                data: { requiredInput: 'that' }
            }).done(function(response) {

                $("#productProperty").empty();
                var selectHtml = "";
                $.each(response.data, function(index, item) {
                  selectHtml += "<option value='" + item.Id + "' " + disabled_ + ">" + item.Name + "</option>";
                });

                $("#productProperty").html(selectHtml);
                $("#productProperty").selectpicker('refresh');

            });

我的布局MVC文件中有$'.selectpicker'.selectpicker，就像我处理datepicker和datatables一样

如何使用引导选择解决此问题？。

---

谢谢。

为什么不通过jQuery构建整个系统呢

首先，选择下拉列表：

var html = "";
html += '<select id="productProperty" class="form-control selectpicker" multiple>';

---

为什么不通过jQuery构建整个系统呢

首先，选择下拉列表：

var html = "";
html += '<select id="productProperty" class="form-control selectpicker" multiple>';

---

您是否希望保留一次可以看到所有选项的选择类型，如第一张图片中的选择？如果您希望这样做，则无法使用引导选择插件$productProperty.selectpicker'render'；？您是否希望保留一次可以看到所有选项的选择类型，如fir中的选择st picture？如果你想这样做，你不能用引导选择插件$productProperty来做。selectpicker'render'；？我这样做了，但仍然没有显示选项。相同的代码只通过删除'selectpicker'类来处理标准选择。我这样做了，但仍然没有显示选项。相同的代码用于只需删除“selectpicker”类即可进行标准选择

html += "</select>";

$(".container").append(html);

$(select).selectpicker('refresh');