Thymeleaf中地图的从属下拉列表

Question

我想创建一个包含国家/地区的下拉列表，并创建一个包含城市的第二个下拉列表，这取决于第一个列表中的选定值。并且城市列表应动态更改。在视图（Thymeleaf）中，我有一个Map<CountryModel, Set<RegionModel>>from控制器。CountryModel的名称应该显示在第二个下拉列表中，而Set应该显示在第二个（相关的）下拉列表中。
在这里，我创建第一个下拉列表：

 <tr>
   <td th:text="#{country}"/>
   <td>
      <div class="form-group">
          <select th:field="*{transferRequestModel.country}" class="form-control" id="country">
                <option th:each="country : ${transferModel.countries}"
                    th:value="${country}"
                    th:text="${country.key.countryName}">Wireframe
                </option>
          </select>
      </div>
    </td>
 </tr>

那么如何创建第二个下拉列表，该列表取决于第一个列表中的所选国家/地区？

Answer 1

因此，我已经解决了AJAX请求和jQuery追加问题。

1. 更改Map<CountryModel, Set<RegionModel>>为Map<String, Set<String>>

2. AJAX请求

        function sendAjaxRequest() {
        var country = $("#country").val();
        $.get( "/regions?country=" + country, function( data ) {
            $("#region").empty();
            data.forEach(function(item, i) {
                var option = "<option value = " + item + ">" + item +  "</option>";
                $("#region").append(option);
            });
        });
    };

1. 使用sendAjaxRequest()时，我改变第一个下拉列表中。

        $(document).ready(function() {
        $("#country").change(function() {
            sendAjaxRequest();
        });
    });

1. Thymeleaf模板上的下拉列表

第一个下拉列表

    <td th:text="#{country}"/>
    <td>
        <div class="form-group">
            <select th:field="*{model.country}" class="form-control" id="country">
                <option th:each="country : ${model.countries}"
                        th:value="${country}"
                        th:text="${country}">Wireframe
                </option>
            </select>
        </div>
    </td>

第二个下拉列表

    <td>
        <div class="form-group">
            <select th:field="*{requestModel.region}" class="form-control" id="region">
            </select>
        </div>
    </td>

1. 控制者

        @RequestMapping(value = "/regions")
    @ResponseBody
    public Set getRegions(@RequestParam String country) {
        Map<String, Set<String>> regions = regionsService.getRegions();
        return regions.get(country);
    }