2017-05-14 31 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呃比上课