码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap实现多选项及回显

时间:2019-05-06 14:44:08      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:com   item   group   str   ctp   w16   att   alt   new   

1.前端

技术图片

<div class="form-group">
    <div class="input-group">
        <span class="input-group-addon gray-bg text-right">区域划分:</span>
        <select title="请选择区域划分" id="areas" name="areas" class="selectpicker show-tick form-control w164" multiple data-live-search="false">
             <c:forEach items="${areas}" var="area">
                  <option value="${ area.code}" class="area">${area.name}</option>
             </c:forEach>
        </select> 
    </div>
 </div>
//判断是否选中区域类别
var area = ‘${fns:toJson(childBaseinfo.areas)}‘;
if(area && area != "\"\""){
    $("#areas").selectpicker(‘val‘,JSON.parse(area));
}

 

后端:

List<SysCommunity> areas = sysCommunityService.findList(new SysCommunity());
model.addAttribute(
"areas", areas);

 

bootstrap实现多选项及回显

标签:com   item   group   str   ctp   w16   att   alt   new   

原文地址:https://www.cnblogs.com/banxian-yi/p/10819256.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!