HTML 选择框，从 servlet 中选择数据

Question

美好的一天!

我在使用 html 中的选择框时遇到问题。我在我的简单 CRUD 项目的编辑部分，在用户可以编辑之前，选择的数据将首先显示，我通过 servlet 在数据库中检索它。

现在我希望我检索的数据是我的选择框中选择的数据(默认)。 ${product.category}

<select size="1" name="category">
        <option value ="1">Dogs</option>
        <option value ="2">Cats</option>
        <option value ="5">Others</option>
</select>

我试过像这样插入它，但它不起作用。

<select size="1" name="category" selected=${product.category}>
        <option value ="1">Dogs</option>
        <option value ="2">Cats</option>
        <option value ="5">Others</option>
</select>

我想做这样的事情.. 如果 (${product.category}==1), selected=option 1...

我见过类似 THIS 的东西在其中一个论坛中，但它是 PHP 格式的。我如何使用 JSP 来实现？

非常感谢。

Answer 1

selected属性必须在 HTML <option> 上元素，它应该仅在选项值匹配时设置。最优雅的方法是使用条件运算符 ?: .

<select name="category">
    <option value="1" ${product.category == '1' ? 'selected' : ''}>Dogs</option>
    <option value="2" ${product.category == '2' ? 'selected' : ''}>Cats</option>
    <option value="5" ${product.category == '5' ? 'selected' : ''}>Others</option>
</select>

如果您有一些 List 中的元素会更好或 Map .例如。一个List<Category>其中 Category有id和 name属性。

<select name="category">
    <c:forEach items="${categories}" var="category">
        <option value="${category.id}" ${product.category == category.id ? 'selected' : ''}>${category.name}</option>
    </c:forEach>
</select>

这样你就不需要对所有选项重复同样的事情。