2017-05-14 14 views
0

我正在使用Bootstrap Select插件來下拉多選和其他東西。
當我從數據庫中讀取記錄,並追加它來填充下拉外面內部下拉數據(這是我想要的),也當從AJAX成功追加記錄時,Bootstrap Select DropDown無法正常工作

enter image description here

HTML:

<div class="col-md-2"> 
    <asp:Label runat="server"> Select Report's </asp:Label> 
</div> 

<div class="col-md-4"> 
    <select class="selectpicker ddlMulti" style="background-color:white" multiple> 
    </select> 
</div> 

腳本:

$(document).ready(function() { 
    $.ajax({ 
     type: "POST", 
     url: "OssmWebService.asmx/FillDropdown", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 
      $('.ddlMulti').append("<option value='0'>--Select--</option>"); 
      $.each(data.d, function (key, value) { 
       $(".ddlMulti").append($("<option></option>").html(value.IntName)); 
      }); 
      debugger; 
      $('.ddlMulti').selectpicker('refresh'); 
     } 
    }) 
}) 

回答

0
success: function (data) { 
     /*get response as json */ 
     $('#ddlMulti').find("option:eq(0)").html("Select .."); 
     var obj=data;//alert(obj); 
     $(obj).each(function() 
     { 
     var option = $('<option />'); 
     option.attr('value', this.value).text(this.label);   
     $('#ddlMulti').append(option); 
    }); } 

使用Id其bett呃比上課