其他分享
首页 > 其他分享> > bootStrap select组件相关问题

bootStrap select组件相关问题

作者:互联网

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

问题解决。。

效果如图:

标签:bootStrap,tbody,selectpicker,组件,楼栋,select
来源: https://www.cnblogs.com/wl1202/p/11102981.html