使用bootstrap-select遇到的坑

项目需要，需要一个bootstrap框架下的下拉多选控件，比较主流的都会去用bootstrap-select实现，但是当使用ajax请求到数据添加到下拉框时怎么也不显示，查找原因后是得有两步refresh和render操作，必不可少，同时也感觉到了du跟google的差距！

html代码：

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

js代码：

$.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');
    }
});