省市區distpicker，從數據庫里查出來回顯，動態綁定

我用的是thymeleaf綁定的數據。先看官網上的例子：

我是用一個隱藏的input接到后台傳來的數據，用th:value綁定，在js里面要$('#target').distpicker('destroy');先銷毀，把從input里面得到的值賦給distpicker

<input type="hidden" id="myprovince" th:value="${agent.province}" />
<input type="hidden" id="mycity" th:value="${agent.city}" />
<input type="hidden" id="myarea" th:value="${agent.area}" />
<div data-toggle="distpicker" id="target">
     <select id="province" name="province" ></select>
     <select id="city" name="city" ></select>
     <select id="area" name="area" ></select>
</div>

 $(function () { var province = $("#myprovince").val(); var city = $("#mycity").val(); var area = $("#myarea").val(); $('#target').distpicker('destroy'); $("#target").distpicker({ province: province, city: city, district:area }); });