select2初始化默认选中值(多选)
之前用select2初始化默认值使用了select2('val','1'),这样做没问题,但只能用在单选上,多选的话,即使将val后面的值改成数组['0', '2']这种形式也没用。
<script type="text/javascript"> $(document).ready(function() { var data = [{ id: 0, text: 'aaa' }, { id: 1, text: 'bbb' }, { id: 2, text: 'ccc' }]; $(".js-example").select2({ data: data, placeholder: "请选择啊" }); $(".js-example").select2('val','1') }); </script> <select class="js-example new-select" multiple="multiple"> </select>
如何初始化出多选呢,在stackoverflow找到了答案,那就是用$(".js-example").val(['0','2']).trigger('change')这种方法。
把上面代码中的$(".js-example").select2('val','1')换成$(".js-example").val(['0','2']).trigger('change')就OK了。
js 控制:
$("#Ctr_Proc_Name").select2({ multiple: true, tags: true }); //需要先设置为可多选
if (json.Ctr_Proc_Name != '') {
var arrValue = json.Ctr_Proc_Name.split(','); // json.Ctr_Proc_Name 从后台返回的值: CELL,CELL-BM,WELDING,FT,PT ,
// 应用split方法后得到数组 arrValue=[“CELL","CELL-BM","WELDING,FT","PT"]
$("#Ctr_Proc_Name").val(arrValue).trigger('change'); //将数组传入 val()并触发change事件
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!