Question

我要在我的thememeleaf应用程序中添加一个select标签。以下是代码：

<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>

Answer 2

当你使用百里香叶及其属性时，比预期更容易，那么只需使用th：field和th：value，这两个属性默认会添加属性名称和值，所以你不需要添加它。

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

如何在thyemeleaf中使用Select html标签？

2 个答案: