网站开发中省、市、区三级联动的简单实现

最近武汉发生疫情，在家不出门，把前面没有做完的网站都仔细检查了一下，缺的功能也都一一补上，比较常用的功能总一些汇总。

 

需要引用  distpicker.js和distpicker.data.js

  前端代码：

   <div id="distpicker_user" data-toggle="distpicker">
                    <div>
                        <select class="form-control col-md-10" id="User_Province" name="User_Province" data-province="-请选择省/市-"></select>
                        <span class="control-label col-md-2" style="color:red;"> </span>
                    </div>
                    
                    <div>
                        <select class="form-control col-md-10" id="User_City" name="User_City" data-city="-请选择市-"></select>
                        <span class="control-label col-md-2" style="color:red;"> </span>
                    </div>
                    
                    <div>
                        <select class="form-control col-md-10" id="User_Country" name="User_Country" data-district="-请选择县/区-"></select>
                        <span class="control-label col-md-2" style="color:red;"> </span>
                    </div>
                    
</div>



<script>
    $('#distpicker_user').distpicker({
        autoSelect: false
    });
</script>

这样就可以非常简单的实现地址的选择，提交后传到后台。