Thymeleaf替换th:field兼容th:selected解决下拉框默认选中问题

th:field 处理下拉选择框时，会自动根据绑定的字段值匹配对应option，自动设置selected属性，你手动在默认选项上加的th:selected="selected"会被这个逻辑直接覆盖，完全不生效。
现在默认选中第一个科室，核心原因只有两个：

• 跳转到表单页时，你放入Model的waitinglistDTO对象里，嵌套的department.departmentName字段不是空值，Thymeleaf自动匹配到了对应科室的option
• 就算绑定值为空，你手动加的th:selected干扰了Thymeleaf的匹配逻辑，匹配不到对应空值选项时，浏览器会默认选中第一个可用的option

不需要删掉th:field换原生写法，只要按下面改就能实现预期效果：

1. 精简select标签代码，删掉多余的name属性、th:with属性，还有默认选项上手动加的th:selected，th:field正常保留即可：

<select
    th:field="*{department.departmentName}"
    class="form-control"
    id="departmentJS">
    <!--  默认提示项，不需要手动加selected，th:field会自动匹配空值选中 -->
    <option value="" th:disabled="disabled">select option</option>
    <option
        th:each="department: ${departments}"
        th:value="${department.departmentName}"
        th:text="${department.departmentName}">
    </option>
</select>

说明：th:field会自动生成name属性，不需要手动写name="departmentName"，重复定义反而可能引发参数提交冲突。

2. 检查跳转表单页的Controller逻辑：
   新建表单场景下，初始化WaitinglistDTO时，要保证department属性要么为null，要么department.getDepartmentName()返回值是空字符串，不要给这个字段提前赋非空初始值。

   常见踩坑点：如果初始化DTO的时候直接给department字段做了实例化（比如private Department department = new Department();），要确认Department类的departmentName字段没有默认非空值，否则会导致Thymeleaf匹配不到空值的提示选项。
   如果是编辑场景做数据回显，本来就应该选中已绑定的科室，这个逻辑是正常的，不需要调整。

修改完成后，当绑定的department.departmentName值为空时，Thymeleaf会自动给value为空的默认提示项加上selected属性，因为这个选项设置了disabled，用户打开表单首先看到的就是提示文字，必须手动选择一个科室才能正常提交，完全符合预期。

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