省市区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
        });
    });