城市三级联动

<script type="text/javascript" src="../../static/media/js/address/distpicker.data.min.js"></script>
<script type="text/javascript" src="../../static/media/js/address/distpicker.min.js"></script>
//初始值
$("#distpicker").distpicker({
        autoSelect: false, //默认不自动填充
        province: '---- 所在省 ----',
        city: '---- 所在市 ----',
        district: '---- 所在区 ----'
    });
//修改数据赋值
var adress=result.user_info[0].Address.split('-')
                   
$('#Province').val(adress[0])
$("#Province").trigger("change");
$('#City').val(adress[1])
$("#City").trigger("change");
$('#Area').val(adress[2]);
                    
console.log(adress)
                    
$("#Address").val(adress[3]);

html

<div class="form-group">
     <label class="col-sm-3 control-label form-label">地址</label>
     <div class="col-sm-6">
          <div id="distpicker" style="width: 400px;margin-bottom: 20px;">
               <select id="Province"></select>
               <select id="City"></select>
               <select id="Area"></select>
          </div>
         <input type="text" class="form-control" id="Address" placeholder="详细地址">
     </div>
</div>