使用BJUI前端管理框架,用JS动态添加select元素时,可以使用select2样式,但要在最后加上 $(".select2").select2();
// 示例
...
<select class="select2">
<option value="Java">Java</option>
<option value="Spring">Spring</option>
<option value="Spring MVC">Spring MVC</option>
</select>
...
// 添加之后调用
$(".select2").select2();
需要注意的是,不能加上data-rule属性,否则前端将报这样一个错误错误:Cannot read property 'type' of undefined
额外扩展:可以通过JS给select元素添加select2样式,如下所示。
// html部分
<select id="a1">
<option value="Java">Java</option>
<option value="Spring">Spring</option>
<option value="Spring MVC">Spring MVC</option>
</select>
// JS部分
$("#a1").addClass("select2").select2();