bootstrap实现多选项及回显
2024-10-05 21:23:21
1.前端
<link rel="stylesheet" href="${ctxStatic}/js/bootstrap-select-1.12.2/dist/css/bootstrap-select.css">
<script src="${ctxStatic}/js/bootstrap-select-1.12.2/dist/js/bootstrap-select.js"></script>
<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);
最新文章
- Backbone,Marionette,Talent学习笔记
- Office 365 - Windows PowerShell for SharePoint Online
- 05_最长公共子序列问题(LCS)
- 【液晶模块系列基础视频】3.4fatfs接口函数的使用4
- multipart/form-data请求与文件上传
- ifram一些常用的知识点
- HTML5吧!少年
- redis 实时从mysql 更新数据
- CSS flex让所有灵活的项目都带有相同的长度,忽略它们的内容:
- 【转载】VS2010+VMWare8+VisualDDK1.5.6 创建并调试驱动程序 - 完全教程
- 基于PlatinumKit库的DLNA服务端开发
- 有人提了一个问题:一定要RESTful吗?
- 解决在ubuntu上启动的django项目在windows进行访问无法访问的问题
- 汇编 do while循环
- [转载]为何 Emacs 和 Vim 被称为两大神器
- 生成asm-offset
- 【BZOJ1478】Sgu282 Isomorphism P&#243;lya定理神题
- Android之MVP模式实现登录和网络数据加载
- $(document)和$(window)各是什么意思?
- 【线段树】【P4198】 楼房重建
热门文章
- awk中传参方式
- Linux&Win双系统下时间显示不正常的问题
- php empty,isset,is_null判断比较(差异与异同)
- caffe不同lr_policy参数设置方法
- Python模块——base64
- uboot对Flash和DDR的分区管理
- 14 微服务电商【黑马乐优商城】:day02-springcloud(理论篇二:知道什么是SpringCloud)
- elasticsearch 大集群,双重别名,滚动更新分词方案
- mysql_secure_installation 安全安装(用于生产环境设置)
- Win10卸载python总是提示error2503失败各种解决办法