Thymeleaf中地图的从属下拉列表

因此，我已经解决了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 > <select th:field="*{model.country}"  id="country">     <option th:each="country : ${model.countries}"  th:value="${country}"  th:text="${country}">Wireframe     </option> </select>        </div>    </td>

第二个下拉列表

    <td>        <div > <select th:field="*{requestModel.region}"  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);    }