动态添加select class="selectpicker"无法生效问题

[ttphoon]

我通过createElement或者append添加select要实现多选，class="selectpicker"后却无法生效，请教要如何解决，尝试了各种方法一直无法解决！！！谢谢

代码：

var ot2='<div class="input-group" style="z-index:100;position: relative;">'+
      '<span class="input-group-addon" for="usertype">约束条件</span>'+
      '<select  id="usertype" class="form-control selectpicker"  multiple="multiple">'+
            '<option value="1">1</option>'+
            '<option value="2">2</option>'+
      '</select></div>'
$("#"+empty_id).append(ot2);

[丰云]

你确定你的class当前环境里已经存在？？

[ttphoon]

引用 1 楼 丰云 的回复:

你确定你的class当前环境里已经存在？？

确定已存在，F12看了都有，然后.selectpicker('refresh');和.selectpicker('render试了全都没用');

[讨厌走开啦]

引用 2 楼 ttphoon 的回复:

[quote=引用 1 楼 丰云 的回复:] 你确定你的class当前环境里已经存在？？

确定已存在，F12看了都有，然后.selectpicker('refresh');和.selectpicker('render试了全都没用');[/quote] 控制台打开看下，是selectpicker这个样式没有成功加上去，还是当前页面的selectpicker样式被覆盖了（比如你要的颜色什么的被还原了）。

[老马历写记]

1）检查bootstrap-select相关的js,css是否已经引入；
2）<select id="usertype" class="form-control selectpicker" multiple="multiple" size=1>
3）如果select是在bootstrap-select.js引入之后动态添加的话，则需要在select create完后，调用.selectpicker('render')重新渲染