thymeleaf下拉框代码
时间: 2023-07-02 21:07:12 浏览: 139
下拉框代码
下面是一个使用 Thymeleaf 实现下拉框的示例代码:
```html
<select th:field="${selectedOption}">
<option value="">请选择</option>
<option th:each="option : ${options}"
th:value="${option.getValue()}"
th:text="${option.getLabel()}"></option>
</select>
```
其中,`${selectedOption}` 是选中的选项,`${options}` 是下拉框中的选项列表。可以在后台 Java 代码中将选项列表传递到前端页面。
在 Thymeleaf 中,使用 `th:field` 属性来绑定选中的选项。`th:each` 属性用于遍历选项列表,并对每个选项生成一个 `<option>` 标签。`th:value` 和 `th:text` 属性分别用于设置选项的值和显示文本。
需要注意的是,`th:field` 属性只能用于 `select`、`input` 和 `textarea` 标签上,用于绑定表单数据。
阅读全文