bootStrap-select从后台加载数据（动态加载数据）不成功的解决办法

自白：bootStrap-select利用js拼装option时，和html的select有所不同

bootstrap-select需要把要拼装的option先转换成  字符串  ，而原生态的select可以不需要，（不对之处，请斧正，勿喷！）

js代码

    function findRoleForBootstrapSelect(CompanentId) {
        $.ajax({
            url: '。。。。。',
            type: 'post',
            dataType: 'json',
            success: function (data) {

                var len = data.length;

//此处仅可以使原生态的select加载后台数据

        $("#" + CompanentId + "").find('option').remove();
                $("#" + CompanentId).append($('<option value=\'\'>' + "---请选择---" + '</option>'));
                for (i = 0; i < len; i++) {
                    $("#" + CompanentId).append($('<option value=' + data[i].ID + '>' + data[i].ROLENAME + '</option>'));
                }

//下面的，可是bootstrap-select成功加载到后台传过来的数据
         
                var optionString = "";
                for (i = 0; i < len; i++) {
                    optionString += "<option value=\'"+ data[i].ID +"\'>" + data[i].ROLENAME + "</option>";
                }
                var myobj = document.getElementById(CompanentId);
                if (myobj.options.length == 0)
                {
                    $("#" + CompanentId).html(optionString);
                    $("#" + CompanentId).selectpicker('refresh');
                }
            }
        })
    }