html - 如何在 thymeleaf 中使用 Select html 标签？

Question

我将在我的 theemeleaf 应用程序中添加一个选择标签。下面是代码:

<form th:action="@{/suggestevent}" th:object="${event}" method="post">
    <div class="form-group">
        <select class="form-control" name="type" th:field="*{type}">
            <option value="party" th:value="party">Party</option>
            <option value="Workshop" th:value="Workshop">Workshop</option>
            <option value="Friendship" th:value="Friendship">Friendship</option>
        </select>
    </div>
</form>

我的保管箱中只有三个固定值。问题是它没有为属性 type 设置任何值。换句话说，它不起作用。

Answer 1

您应该使用如下所示的 th:selected 属性。如果您使用 th:selected 方法，则不应使用 th:field 一个。因此，请尝试删除 th:field 属性。

<form th:action="@{/suggestevent}" th:object="${event}" method="post">
    <div class="form-group">
        <select class="form-control" name="type">
            <option value="party" th:value="party" th:selected="(${event.type}== 'party')">Party</option>
            <option value="Workshop" th:value="Workshop" th:selected="(${event.type} == 'Workshop')">Workshop</option>
            <option value="Friendship" th:value="Friendship" th:selected="(${event.type} == 'Friendship')">Friendship</option>
        </select>
    </div>
</form>