Thymeleaf循环显示select标签值

最新推荐文章于 2024-05-15 21:17:04 发布
最新推荐文章于 2024-05-15 21:17:04 发布
阅读量1.9k 收藏 3
点赞数
分类专栏： 工作记录 文章标签： linq webview 蓝桥杯
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43665676/article/details/123350457
版权

 效果大概就是这样，通过Thymeleaf遍历循环渲染<option></option>标签

这里需要在html页面中声明Thymeleaf语法

<html lang="zh" 
   xmlns:th="http://www.thymeleaf.org">

循环遍历集合值

<li>
    <label>活动状态：</label>
    <select name="eventStatus" th:with="type=${@module.get('siteInfo')}">
        <option value="">所有</option>
        <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                th:value="${dict.dictValue}"></option>
    </select>
</li>

th:with : 作用是定义一个局部变量

//语法
th:with = "遍历名 = 变量值"

@module.get('siteInfo')  ：作用是通过bean名调用其中的方法

thymeleaf的官方文档中提到了${@myBean.doSomething()}可以访问容器中bean的数据。

//语法
${@myBean.doSomething()}

th:each :遍历数组

th:each = "变量名,变量名+Stat:数组"
//或则写为
th:each = "变量名,变量名+Stat:数组"

变量名 ：必填  通过变量名获取每个循环中的变量信息

变量名+Stat ：是可选参数，命名方式随意，一般为“变量名+Stat”是循环体的信息，通过该变量可以获取如下信息

  • index: 当前迭代对象的 index （从 0 开始计算）
  • count: 当前迭代对象的个数（从 1 开始计算） 这两个用的较多
  • size: 被迭代对象的大小
  • current: 当前迭代变量
  • even/odd: 布尔值，当前循环是否是偶数/奇数（从 0 开始计算）
  • first: 布尔值，当前循环是否是第一个
  • last: 布尔值，当前循环是否是最后一个

数组 ：必填 ，被循环的数组

清新脱俗的神经病
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 19
    评论
专栏目录
用于Thymeleaf的Shiro HTML标签扩展
05-05
功能描述: 用于在页面模板中应用Shiro框架提供的功能，例如权限验证、角色判断、提取用户凭证信息等 开发环境: 运行环境：Jvm 语言支持：Java、Kotlin、Groovy等所有基于Jvm的语言 框架依赖：Spring/Spring Boot、Thymeleaf、Shiro 也可以在github上获取最新源码：https://github.com/edenyin307/thymeleaf-shiro-extags
thymeleaf循环遍历集合并呈现在表格中
12-14
Thymeleaf是一个很好用的模板引擎, 可以完全取代JSP 需求 数据库中有张名为commanders的表存有多个人的信息, 现在通过后台去查询整张表, 返回一个集合, 要求使用thymeleaf动态的把集合内容以表格的形式展示在网页上 表的内容如下 后台关键代码如下 @Controller public class HelloController { @Autowired CommanderDao commanderDao; @RequestMapping("/list") public String queryAll(Map map) {
thymeleaf实现th:each双重多重嵌套功能
10-15
今天给大家分享一个使用 thymeleaf 实现一个动态加载一二级文章分类的功能，本文通过代码讲解的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
Thymeleaf显示base64字符串为图片.docx
03-12
在网页中把Base64字符串显示为图片很容易，但是当前台使用Thymeleaf框架时，就得绕个小弯子，直接使用html框架中的方法不行，本文详解了用Thymeleaf显示Base64字符串为图片的方法，望对大家有所帮助。
thymeleaf循环 foreach
没忄没肺的博客
01-28 1万+
thymeleaf的 foreach循环功能 通过该功能进行下拉框的构造 html代码如下： &lt;select lay-verify="required" name="class" lay-filter="column"&gt; &lt;option th:each="subject:${subjectInfo}" th:value="${subject.code}&
thymeleaf(模板) select(下拉框) 默认选中效果(回选效果)
calmnessxi的博客
06-25 4662
最近在用老的开发方式+新技术写代码重新熟悉，遇到此问题，网上查阅了各种办法，都不见效果，后通过查阅（thymeleaf）官方API，自己摸索尝试，最终找到如下解决方案，代码经实打实测试，可呈现期望效果，分享出来供各位程序员伙伴们参考： <select class="combox" name="userSex"> <option th:selected="${{param.userSex}} eq ''" value="">所有性别</option> &
Thymeleaf select 使用 和多select 级联选择
那些年的代码
09-15 2207
1.使用select 并且回绑数据; 页面： 状态： <select name="status" th:field="*{status}" id="idstatus" class="input-select" th:value="*{status}"> <option value="">--请选择--</option> <option th:ea...
thymeleaf初始化select标签并设置选中项
10-18 795
select的option数据来自于DB，记住后台返回的数据类型是List<String>如果用js也能实现，就是先初始化，再设置默认选项。但是这种方式比较麻烦，效率较低。以下是使用thymeleaf语法标签实现的例子，特别简便。
用Thymeleaf 这个模板渲染，怎么通过select下拉框选中的值，去控制另一个复选框标签，展示不同的复选框选项
u011095196的博客
11-17 835
通过select下拉框选中的值，去控制另一个复选框checkBox标签，展示不同的复选框选项
前端笔记-thymeleaf获取及回显select数据(combox)
IT1995的博客
03-16 7108
如下： 以及回显 前端代码如下： <div class="form-group"> <label>选课</label> <select name="courseID" class="form-control input1"> <option value="">请选择</option> <op...
springboot+thymeleaf+shiro标签1
08-08
springboot+thymeleaf+shiro标签1
thymeleaf常用标签页面
06-11
thymeleaf常用标签页面
4）Thymeleaf th:each 循环迭代与 th:if、th:switch 条件判断
热门推荐
蚩尤后裔-汪茂雄
12-02 10万+
目录 th:each 循环迭代 循环基本用法 获取迭代状态 条件判断 th:if th:unless th:switch th:each 循环迭代 循环基本用法 1、对于信息页面，数据格式是一样时，页面通常都是循环迭代它们，写过 JSP 的 JSTL 的就知道，JSTL 有一个<c:foreach>，同理 Thymeleaf 也有一个 th:each。作用都是一...
Thymeleaf的循环遍历以及传值
sjgllllll的博客
02-05 3179
案例： ** Thymeleaf遍历的语法格式： ** emp为单个数据名称，${emps}为后台传送的变量名，使用th:each=""进行数据遍历 <tr th:each="emp:${emps}"> th:text=""进行取值，idea在调用方法时会进行提示 <td th:text="${emp.getId()}"></td> 或者使用：[[${}]]行内写法，也可以进行取值 <td>[[${emp.getLastName()}]]&lt
thymeleaf循环 下标
u014520797的专栏
07-11 8224
后端 @GetMapping() public String c(ModelMap mmap) { List<Com> slist = companyService.selectCompanyList(); mmap.put("cList", slist); return "/clist"; } 前端 <select name="coId...
thymeleaf的select标签中的option循环写法
Lemon_MY的博客
05-11 2815
<select class="form-control" id="classification"> <option th:each="class,userStat:${classification}" th:value="${class.coder_classification}" th:text="${class.coder_classification}"></option> </select>
thymeleaf / select option list遍历循环
我的博客
04-08 3万+
 &lt;option th:each="car,userStat:${carList}" th:value="${car.carId}" th:text="${car.name}"&gt;&lt;/option&gt;&lt;div class="form-group"&gt;     &lt;label for="parentId" class=&q
【实践】关于thymeleaf的select下拉选择框的默认选中项
shellhard的博客
01-25 9548
2020-05-29 最近在敲敲敲的过程遇到一个问题，这个问题是这样的：我需要在页面上提供用户更新信息的功能，在进入该页面前，首先获取信息，使用thymeleaf模板填充信息。前端有一个select标签，需求是显示用户之前所选中的内容。 但是尝试了通过th:attr和th:if判断，都不好用，使用jquery来进行attr的设置也不好使。查阅一番才知道了解决办法：使用th:selected <select name="select" id="projecttype" class="form-contr
kafka用java收发消息
最新发布
lixiaobai_boke的博客
05-15 231
offset explorer 是一个用于查看和管理 Kafka 消费者组的工具，它允许你检查消费者组的偏移量（offset），并且可以查看每个消费者组在每个分区上的偏移量情况。这对于监控和调试 Kafka 消费者组非常有用。下载地址为：https://www.kafkatool.com/download.html。安装kafka的可视化工具：offset explorer。用java客户端代码来对kafka收发消息。
使用thymeleaf 循环 select
03-26
使用Thymeleaf循环生成Select选项的示例代码如下： ``` <select th:field="*{selectedOption}"> <option value="">请选择</option> <th:block th:each="option : ${options}"> <option th:value="${option.id}" th:text="${option.name}"></option> </th:block> </select> ``` 解释： - `th:field`：用于表示选择的值绑定到前端的哪个属性上。 - `options`：用于表示循环的对象，可以是一个集合，例如`List<Option>`。 - `th:block`：Thymeleaf中的块标签，用于包裹循环中的元素，它最终会被处理成一个HTML标签而不会影响到页面布局。 - `option.id`和`option.name`分别表示Option对象的id和name属性。 在实际开发中，我们需要根据具体的业务逻辑来自定义不同的参数和属性，上面的代码仅作为示例供参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值