Question

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

我在做什么..在第一个下拉菜单上的更改功能上，我想使用ajax更改第二个下拉菜单值。我也使用过rebuild。但是搜索功能的值没有改变


<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>

My ajax function 


$('#sel1').change(function() {


var val1=$('#sel1').val();

$.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');

}

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

Answer 1

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

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

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

1 个答案: