Springbootにおける省市級三級連動の例

htmlページのプレゼンテーション

<div class="row"><div class="col-md-2"><input type="text" id="txt_city" class="form-control"  name="address"/></div></div>

vueコード

<script>
        $(function () {
            $('#txt_city').jcity({
                urlOrData: '/js/citydata.json',
                animate: { showClass: 'animated flipInX', hideClass: 'animated flipOutX' },
                onChoice: function (data) {
                    console.log(data);
                }
            });
        });
    </script>

ファイルのインポート

    <link href="/css/bootstrap.css" rel="stylesheet" />
    <link href="/css/jquery.city.bootstrap.css" rel="stylesheet" />
    <link href="/css/animate.min.css" rel="stylesheet" />