1.组件如何使用
JS组件系列——再推荐一款好用的bootstrap-select组件，亲测还不错
1.1 自己尝试的
<div class="form-group">
<label class="fz12">楼栋 </label>
<select id="buildCodeCom" class="selectpicker"
multiple="multiple"
data-actions-box="true" name="buildCodeCom" onchange="queryUntilId()">
<option value="" selected="selected">请选择楼栋</option>
</select>
</div>
引入组件后就写了这么点东西，可惜没出来效果，
检查了下是因为组件没有载入，js中加一行代码
$('.selectpicker').selectpicker('refresh');
效果如图；
效果是出来了，可是我数据呢。。。继续改
2.bootStrap中class = "form-control selectpicker auto"的select所遇到的问题
原文：bootStrap中class = "form-control selectpicker auto"的select所遇到的问题
$.post("${pageContext.request.contextPath}/steward/queryBuildingList",{comId:comId},function(data){
var tbody = "<option value='' selected='selected'>请选择楼栋 </option>";
var str = "";
$.each(data,function(n,value) {
str +="<option value='"+value.buildId+"'>"+value.buildName+"</option>";
});
tbody += str;
$("#buildCodeCom").empty().append(tbody);
$('#buildCodeCom').selectpicker('refresh');
$('#buildCodeCom').selectpicker('render');
});
问题解决。。
效果如图：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。