前端笔记-thymeleaf获取并显示select（数组）

1、问题描述

今天开发管理系统中遇到一个问题，前端需要利用后端传来的数组元素，在表单select下拉框动态显示类型，效果如下：

2、解决方法

使用th:each 遍历每一个值（对象），th:value为值，th:text为标签<option></option>内的文本值。
代码如下：

<select id="category" name="category" style="width: 240px">
	<option value=""></option>
	<option th:each="item : ${items}"
                th:value="${item.id}"
                th:text="${item.title} + ' ' + ${item.type}">
	</option>
</select>

注意：第一个<option value=""></option>的value属性必须为空，标签内的文本自定义，不写则默认为“请选择”。

3、参考资料

• 前端笔记-thymeleaf获取及回显select数据(combox)