Thymeleaf实现select下拉列表默认选中值不生效解决方案

• 控制器传参存在拼写错误：代码中查询到的当前状态值存储在status变量中，但向模型传递statusdef属性时传入了未定义的statusval，前端无法获取到正确的默认状态值
• Thymeleaf属性使用位置错误：th:selected是<option>标签的专属属性，需要写在循环生成的选项标签上，直接写在外层<select>标签上不会产生任何效果
• 选项标签缺少选中判断逻辑：循环渲染选项时没有对比当前选项值和默认状态值，浏览器默认会选中第一个选项，也就是你看到的Estimated
• 原代码中<option>标签未正常闭合，也会导致部分属性渲染异常

1. 修正控制器代码 #

修复变量拼写错误，建议调整属性命名避免重名混淆：

StatusTable st = new StatusTable();
List<String> statusValues = st.getAllStatus();
String currentStatus = st.getStatus(100); // 此处获取到的当前状态为processed
// 修正传参变量，替换不存在的statusval
model.addAttribute("selectedStatus", currentStatus);
model.addAttribute("statusOptions", statusValues);
return "form.html";

2. 修正下拉列表渲染代码 #

将选中判断逻辑移到<option>标签上，补全值绑定和标签闭合：

<select class="form-select" aria-label="Default select example" name="status" required>
    <option th:each="opt : ${statusOptions}"
            th:value="${opt}"
            th:text="${opt}"
            th:selected="${opt == selectedStatus}">
    </option>
</select>

• 如果状态值可能存在前后空格、大小写不统一的情况，可以使用Thymeleaf内置字符串工具类做标准化处理后再比较，避免匹配失败：

  th:selected="${#strings.trim(opt) == #strings.trim(selectedStatus)}"
  

• 如果使用Spring Boot整合Thymeleaf，也可以直接用th:field绑定表单对象的状态字段，框架会自动完成选中逻辑，不需要手动写th:selected

内容的提问来源于stack exchange，提问作者RCB