thymelefa中显示数据库查询到的user的性别下拉列表,默认选中查询到的性别
时间: 2024-05-10 12:15:19 浏览: 96
可以通过以下方式实现:
1. 在Thymeleaf中,使用th:field指令和Spring表单绑定功能,可以轻松绑定表单字段。
2. 在Controller中查询到用户信息后,将性别作为一个模型属性传递到前端。
3. 在HTML中,使用th:each指令遍历性别列表,使用th:selected指令判断当前项是否应该被选中。
下面是示例代码:
Controller代码:
```java
@GetMapping("/user/{id}")
public String getUser(@PathVariable("id") int id, Model model) {
User user = userService.getUserById(id);
model.addAttribute("user", user);
model.addAttribute("genders", Arrays.asList("Male", "Female", "Other"));
return "user";
}
```
HTML代码:
```html
<form th:object="${user}" method="post">
<div class="form-group">
<label for="gender">Gender</label>
<select id="gender" name="gender" class="form-control">
<option th:each="gender : ${genders}"
th:value="${gender}"
th:text="${gender}"
th:selected="${gender == user.gender}">
</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Save</button>
</form>
```
在这个例子中,我们将用户信息作为模型属性传递到前端,并在下拉菜单中显示性别列表。使用th:selected指令判断当前项是否应该被选中,如果查询到的用户性别和当前项的性别一致,则将该项设为选中状态。
阅读全文