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

    　　}  

});