spring - 如何使用 Spring 4 Boot + ThymeLeaf + Hibernate 根据另一个选择框的选择填充选择框

Question

我正在创建一个注册表单，我必须在其中创建三个选择框。第一个选择框包含所有国家/地区，根据选择状态选择框变得可见，并且仅显示特定所选国家/地区可用的州。还有城市选择框，默认情况下城市下拉列表不会显示，直到选择状态，并且根据选择仅显示属于在状态选择框中选择的特定状态的城市。

我能够生成所有选择框，但我真的不知道如何根据选择进行过滤。

努力:

<div class="form-group">
    <label th:text="#{register.label.country}" `class="col-md-4 control-label">Country:</label>
    <div class="col-md-6">
        <select class="form-control" th:field="*{address.country}">
            <option value="-1">--- Select Country ---</option>
            <option th:each="country : *{countries}" th:value="${country.configId}" th:text="${country.configName}"></option>
        </select>
        <strong th:if="${#fields.hasErrors('address.country')}" th:errors="*{address.country}">Country Error</strong>
    </div>
</div>
<div class="form-group">
    <label th:text="#{register.label.state}" class="col-md-4 control-label">State:</label>
    <div class="col-md-6">
        <select class="form-control" th:field="*{address.state}">
            <option value="-1">--- Select State ---</option>
            <option th:each="state : *{states.?[parentid = 1]}" th:value="${state.configId}" th:text="${state.configName}"></option>
        </select>
        <strong th:if="${#fields.hasErrors('address.state')}" th:errors="*{address.state}">Country Error</strong>
    </div>
</div>
<div class="form-group">
    <label th:text="#{register.label.city}" class="col-md-4 control-label">City:</label>
    <div class="col-md-6">
        <select class="form-control" th:field="*{address.city}">
            <option value="-1">--- Select City ---</option>
            <option th:each="city : *{cities}" th:value="${city.configId}" th:text="${city.configName}"></option>
        </select>
        <strong th:if="${#fields.hasErrors('address.city')}" th:errors="*{address.city}">Country Error</strong>
    </div>
</div>

我能够生成所有的选择框，但我真的不知道如何使用 Spring boot 在 thymeleaf 中基于选择生成。

请帮帮我。我知道我可以通过使用 jquery ajax 来做到这一点，但我想避免，我想 thymeleaf 本身是否可能。

Answer 1

Thymeleaf 是一个服务器端 Web 模板引擎。 一旦它被渲染并显示给客户，Thymeleaf 就不再存在了。 处理它的唯一方法是通过 javascript；或者通过发送新请求来呈现新的过滤选项。