使用 JSTL 设置 HTML 下拉列表所选选项

html jsp java jstl el

2022-09-02 00:46:30

在相同的上下文中，我有另一个查询

<select multiple="multiple" name="prodSKUs">
            <c:forEach items="${productSubCategoryList}" var="productSubCategoryList">
          <option value="${productSubCategoryList}"${productSubCategoryList == productSubCategoryName ? 'selected' : ''}>${productSubCategoryList}</option>
         </c:forEach>
        </select>

并且请求中的相应设置类似于

for(int i=0;i<userProductData.size();i++){
    String productSubCategoryName=userProductData.get(i).getProductSubCategory();
    System.out.println(productSubCategoryName);
    request.setAttribute("productSubCategoryName",productSubCategoryName);

}

这里我有多个选择下拉列表，即使我从中获取返回值作为两个，在UI中只有一个数据被高亮而不是第二个数据，代码中有什么问题？

答案 1

假设您有一个要放入组合中的元素的集合 ${roles}，并且 ${selected} 所选元素的集合，它将如下所示：

<select name='role'>
    <option value="${selected}" selected>${selected}</option>
    <c:forEach items="${roles}" var="role">
        <c:if test="${role != selected}">
            <option value="${role}">${role}</option>
        </c:if>
    </c:forEach>
</select>

更新（下一个问题）

您正在覆盖属性“productSubCategoryName”。在 for 循环结束时，最后一个 productSubCategoryName。

由于表达式语言的局限性，我认为处理这个问题的最好方法是使用map：

Map<String,Boolean> map = new HashMap<String,Boolean>();
for(int i=0;i<userProductData.size();i++){
    String productSubCategoryName=userProductData.get(i).getProductSubCategory();
    System.out.println(productSubCategoryName);
    map.put(productSubCategoryName, true);
}
request.setAttribute("productSubCategoryMap", map);

然后在 JSP 中：

<select multiple="multiple" name="prodSKUs">
    <c:forEach items="${productSubCategoryList}" var="productSubCategoryList">
        <option value="${productSubCategoryList}" ${not empty productSubCategoryMap[productSubCategoryList] ? 'selected' : ''}>${productSubCategoryList}</option>
    </c:forEach>
</select>

答案 2

在 Servlet 中，do：

String selectedRole = "rat"; // Or "cat" or whatever you'd like.
request.setAttribute("selectedRole", selectedRole);

然后在 JSP 中执行：

<select name="roleName">
    <c:forEach items="${roleNames}" var="role">
        <option value="${role}" ${role == selectedRole ? 'selected' : ''}>${role}</option>
    </c:forEach>
</select>

它将打印HTML元素的属性，以便您最终像这样：selected<option>

<select name="roleName">
    <option value="cat">cat</option>
    <option value="rat" selected>rat</option>
    <option value="unicorn">unicorn</option>
</select>

除了问题：这不是一个组合框。这是一个下拉列表。组合框是一个可编辑的下拉列表。