Thymeleaf多选下拉框无法回显用户角色问题求助

别担心，这个问题其实很好解决，核心就是利用Thymeleaf的内置工具类判断当前角色是否属于用户已有的角色，从而自动给对应选项加上选中状态。

首先你得确保后端已经把当前用户的角色集合（比如命名为userRoles，可以是角色名称的字符串列表，也可以是角色对象列表）传到Thymeleaf的模型中。然后修改你的下拉框代码：

<select id="role" name="role" class="user-form-control" multiple="multiple">
    <option th:each="role : ${roles}" 
            th:value="${role.name}" 
            th:text="${role.name}" <!-- 加上这个让下拉框显示角色名称，提升用户体验 -->
            th:selected="${#lists.contains(userRoles, role.name)}">
    </option>
</select>

关键细节说明： #

• #lists.contains()是Thymeleaf专门用来判断集合是否包含指定元素的工具方法，完美适配这种回显场景。
• 如果你的用户角色是对象列表（比如user.roles是List<Role>），那把判断条件改成${#lists.contains(user.roles, role)}就行，但要记得给Role类重写equals()和hashCode()方法，不然集合的包含判断会失效。
• 要是你之前的choiceid属性有特殊用途，直接加在option标签里就行，完全不影响选中状态的设置。

这样修改后，打开修改页面时，用户已有的角色就会自动在下拉框中被预选中啦。

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