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

    　　}

});