如何在JSP中读取查询字符串值并设置多选下拉框选中项？

请求URL示例：

http://localhost:8080/admin/createlisting?maincategory=1&category=1,4,5,7

需要从查询字符串中获取category参数的值（逗号分隔的分类ID，如1,4,5,7），并在页面加载时让多选下拉框对应ID的选项处于选中状态。

原JSP代码中尝试用request.getParameterValues("category")提取参数，但这里category是单个参数值（逗号分隔），而非多值参数，会得到包含整个字符串的数组（比如["1,4,5,7"]），无法直接获取单个ID。

1. 正确提取分类ID列表 #

修改参数提取逻辑，先获取单个参数值，再按逗号分割成ID数组：

<%
String[] categoryIds = new String[0];
// 获取category参数的单个值
String categoryParam = request.getParameter("category");
if (categoryParam != null && !categoryParam.trim().isEmpty()) {
    // 按逗号分割成ID数组
    categoryIds = categoryParam.split(",");
    // 可选：打印验证
    for (String id : categoryIds) {
        System.out.println("Category ID: " + id.trim());
    }
}
%>

2. 设置多选下拉框选中状态 #

根据下拉框的渲染方式，分两种情况处理：

情况一：服务器端渲染下拉框选项 #

如果下拉框的<option>标签是在JSP中动态生成的，渲染时判断当前ID是否在选中列表中，添加selected属性：

<div class="col-md-6">
    <div class="form-group">
        <label>Select Category</label>
        <select class="form-control js-example-tokenizer" multiple="multiple" id="category" required>
            <!-- 示例：模拟分类数据，实际项目替换为真实数据源查询 -->
            <% 
            String[][] categories = {{"1", "分类1"}, {"4", "分类4"}, {"5", "分类5"}, {"7", "分类7"}, {"2", "分类2"}};
            for (String[] cat : categories) {
                String catId = cat[0];
                String catName = cat[1];
                // 判断当前ID是否在选中列表中
                boolean isSelected = false;
                for (String selectedId : categoryIds) {
                    if (catId.equals(selectedId.trim())) {
                        isSelected = true;
                        break;
                    }
                }
            %>
            <option value="<%= catId %>" <%= isSelected ? "selected" : "" %>><%= catName %></option>
            <% } %>
        </select>
    </div>
</div>

情况二：前端动态加载下拉框（如使用Select2） #

如果下拉框选项通过JavaScript动态加载（示例中的js-example-tokenizer是Select2样式类），可在页面加载后用JS设置选中状态：

<div class="col-md-6">
    <div class="form-group">
        <label>Select Category</label>
        <select class="form-control js-example-tokenizer" multiple="multiple" id="category" required style='display: none;'></select>
    </div>
</div>

<script>
// 将服务器端的分类ID数组传递到前端
const selectedCategoryIds = ['<%= String.join("','", categoryIds) %>'];

// 页面加载完成后设置选中
document.addEventListener('DOMContentLoaded', function() {
    const $select = $('#category');
    $select.val(selectedCategoryIds).trigger('change');
});
</script>

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