Я использую множественный выбор начальной загрузки. У меня есть два выпадающих списка, и у обоих есть данные с функцией поиска.
что я делаю .. при изменении функции при первом выпадающем меню я хочу изменить второе значение при помощи 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');
}
но выпадающие два данные не изменяются .. если я использую элемент проверки, я могу видеть данные