sprintboot的html页面中添加一段下拉选项代码,字典数据来自于表dict_table中,显示的值为name,实际传过来的值是id。
时间: 2024-03-20 09:42:16 浏览: 227
浅谈html中id和name的区别实例代码
可以使用Thymeleaf模板引擎,在HTML页面中添加下拉选项代码,具体步骤如下:
1. 在Controller中查询dict_table表中的数据,并将数据存放到Model对象中。
```
@GetMapping("/dict")
public String dict(Model model) {
List<DictTable> dictList = dictTableService.findAll();
model.addAttribute("dictList", dictList);
return "dict";
}
```
2. 在HTML页面中使用Thymeleaf模板引擎,在下拉选项中遍历dictList,生成下拉选项列表。
```
<select name="dictId">
<option value="">请选择</option>
<option th:each="dict : ${dictList}"
th:value="${dict.id}"
th:text="${dict.name}">
</option>
</select>
```
其中,th:each表示遍历dictList,th:value表示传递给后端的值为dict.id,th:text表示显示的值为dict.name。
这样就可以在HTML页面中添加下拉选项代码,字典数据来自于表dict_table中,显示的值为name,实际传过来的值是id了。
阅读全文