如何使用 ajax 修复引导多选搜索数据

Question

我正在使用引导多选。我有两个下拉菜单，并且都有搜索功能的数据。

我在做什么.. 在第一个下拉菜单上更改功能我想使用 ajax 更改第二个下拉菜单值。我也使用了重建。但搜索特征值没有变化

<select class="selectpicker form-control multiselect" multiple="multiple" role="multiselect" data-live-search="true" id="sel1">
  <option selected disabled> Class</option>
  <option value="one">one</option>
  <option value="two">two</option>
  <option value=" three">three</option>
</select>



<select class="selectpicker form-control multiselect" multiple="multiple" role="multiselect" data-live-search="true" id="sel2">
  <option selected disabled>Molecule</option>
  <option value="100 student">100 student</option>
  <option value="200 student">200 student</option>
  <option value="300 student">300 student</option>
</select>

我的 ajax 函数

$("#sel1").change(function () {
  $.ajax({
    type: "POST",
    url: "http://test.com/selectdropdown",
    cache: false,
    data: {
      classval: val1
    },
  }).done(function (msg) {
    var data = $.parseJSON(msg);

    var options = '';
    var tmp = [];
    for (var i = 0; i < data.classdata.length; i++) {
      var id = data['classdata'][i]['class_id'];
      var name = data['classdata'][i]['noofstudent'];

      options += '<option value=' + id + '>' + name + '</option>';
      element = { "label": name, "value": id }
      tmp.push(element);

    }

    $("#sel2").multiselect('dataprovider', tmp);
    $('#sel2').multiselect('rebuild');
  })
});

但是下拉两个数据没有改变..如果我使用检查元素我可以看到数据

Answer 1

经过很多 rnd 。我有解决办法。我也必须刷新选择选择器。希望这对其他人有所帮助

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