bootstrap selectpicker控件select下拉框动态数据无法回显的问题

有关于selectpicker下拉框数据回显的问题，当查看一个对象的属性的时候， 发现有关于selectpicker的下拉框并没有将返回的数据进行回显，显示的都是请选择， 经查证，当查看属性的时候，他会加载默认的数据，必须要刷新一下才可以将数据完全的回显出来。

<select id='name' class="form-control selectpicker"  data-live-search="true"> 

　　$.ajax({  // get请求地址  
    
　　 　　url: basePath,  

    　　dataType: "json",  

    　　success: function (data) {  

    　　　　var optArr = [];  

       　　for (var i = 0; i < data.length; i++) {  

            　　$('.selectpicker').append("<option value=" + data[i].userName + ">" + data[i].userName + "</option>");  

       　　}  

       　　// 缺一不可  

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

       　　$('#name').selectpicker('render');  

    　　}  

});