th:each是Thymeleaf模板引擎中的一个属性,用于在HTML页面中循环渲染下拉框的选项。

首先,你需要在HTML页面中定义一个下拉框元素,例如:

<select>
    <option th:each="item : ${options}" th:value="${item.value}" th:text="${item.label}"></option>
</select>

在上面的示例中,${options}是一个在后端控制器中传递给模板的包含选项信息的列表。th:each属性用于循环遍历这个列表,并对每个选项进行渲染。

在循环体内部,你可以使用th:value属性来设置选项的值,使用th:text属性来设置选项的显示文本。

例如,如果${options}包含了如下数据:

List<Option> options = Arrays.asList(
    new Option("1", "Option 1"),
    new Option("2", "Option 2"),
    new Option("3", "Option 3")
);

那么最终生成的HTML代码将会是:

<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

其中,Option类定义如下:

public class Option {
    private String value;
    private String label;

    // 省略构造方法和getter/setter
}

通过使用th:each属性,你可以方便地循环渲染下拉框的选项,使页面的内容更加动态和灵活


原文地址: https://www.cveoy.top/t/topic/h1Mo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录