当前位置: 首页 > news >正文

若依不分离+Thymeleaf select选中多个回显

项目中遇到的场景,亲测实用
表单添加时,select选中多个,编辑表单时,select多选回显,如图
在这里插入图片描述
代码:

// 新增代码
<label class="col-sm-3 control-label">通道:</label><div class="col-sm-8"><select name="channelIds" multiple id="channelIds" class="form-control"><option th:each="channel:${channels}" th:value="*{channel.id}" th:text="${channel.channelName}"></option></select></div>
// 编辑回显
<label class="col-sm-3 control-label">通道权限</label><div class="col-sm-8"><select name="channelIds" multiple id="channelIds" class="form-control"><option th:each="channel:${channels}" th:value="*{channel.id}" th:text="${channel.channelName}"th:selected="${selectChannels.contains(channel.id)}"></option></select></div>

编辑回显重点是th:selected=“${selectChannels.contains(channel.id)}”
selectChannels是后端返回的已绑定的通道列表,channels是通道列表

http://www.lryc.cn/news/179305.html

相关文章:

  • OCX 添加方法和事件 HTML调用ocx函数及回调 ocx又调用dll VS2017
  • 苹果iPhone手机使用草柴返利APP查询领取淘宝天猫京东优惠券如何取消关闭粘贴商品链接时的弹窗提示?
  • 主机安装elasticsearch后无法登陆
  • 【面试题精讲】JavaSe和JavaEE的区别
  • React 全栈体系(十五)
  • 【逆向】(c++)分析pe结构,拉伸pe结构,缩小pe结构
  • PyTorch实战:常用卷积神经网络搭建结构速览
  • 排序算法之【快速排序】
  • 声明式调用 —— SpringCloud OpenFeign
  • LuatOS-SOC接口文档(air780E)-- fota - 底层固件升级
  • 第二章 Introduction
  • WebGL 渲染三维图形作为纹理贴到另一个三维物体表面
  • 国庆《乡村振兴战略下传统村落文化旅游设计》许少辉八一新书行将售罄
  • Source Insight 工具栏图标功能介绍
  • 模板与泛型编程-函数模板
  • 了解ActiveMQ、RabbitMQ、RocketMQ和Kafka的特点
  • 第七章 用户和组管理
  • 给奶牛做直播之三
  • 【Java 进阶篇】MySQL 数据控制语言(DCL):管理用户权限
  • WPF 03
  • Android 使用kotlin+注解+反射+泛型实现MVP架构
  • 数据结构——堆(C语言)
  • B058-SpringBoot
  • 龙迅LT9611UXC 2PORT MIPICSI/DSI转HDMI(2.0)转换器+音频,内置MCU
  • STM32存储左右互搏 I2C总线读写FRAM MB85RC1M
  • 1340. 跳跃游戏 V;2039. 网络空闲的时刻;2767. 将字符串分割为最少的美丽子字符串
  • ElementUI之CUD+表单验证
  • Linux:nginx---web文件服务器
  • go 端口转发 代理V2 --chatGPT
  • idea环境下如何打包可运行jar?