JSP下拉框如何从数据库取值并在编辑页自动选中对应选项

第一步 修复Controller层问题 #

• 你当前代码里listUser定义为String类型，但JSP用c:forEach遍历它生成下拉选项，首先要调整变量类型：如果userService.getUsername()返回的是所有可选用户名的集合，将String listUser = "";修改为List<String> listUser = new ArrayList<>();，否则String类型无法被遍历，会导致下拉框无选项。
• 补充传递已选中值：你目前没有把数据库中已保存的选中项传到前端，无法实现自动选中。从你查询到的配置详情list中提取已保存的选中用户集合，新增代码将其存入Model：

  // 示例：假设已选中值是逗号分隔的字符串，拆分后转为List
  List<String> selectedUsers = Arrays.asList(list.get(0).getValue().split(","));
  mv.addObject("selectedUsers", selectedUsers);
  

如果没有历史选中值，记得在Controller里给selectedUsers初始化空集合，避免JSP空指针异常

第二步 JSP层实现自动选中 #

直接在生成option的逻辑里加选中判断，无需额外JS即可实现原生选中：

<c:forEach items="${listUser}" var="user">
    <option value="${user}" ${selectedUsers.contains(user) ? 'selected' : ''}>${user}</option>
</c:forEach>

第三步 Selectpicker组件兼容（必加） #

你用的是selectpicker多选组件，动态添加的selected属性需要手动刷新组件才能生效，页面加载完成后执行刷新即可：

$(document).ready(function(){
    $('.selectpicker').selectpicker('refresh');
});

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