jquery 实现地区三级联动

第一步，先引入先线上jquery

<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.min.js"></script>

第二步，引入jq

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"</script>

第三步，HTML代码

<div data-toggle="distpicker">
		//可以直接把你选择的value直接form表单传入后台
        <select name="fang_dart" data-province="---- 选择省 ----"></select>
        <select name="fang_city" data-city="---- 选择市 ----"></select>
        <select name="fang_area" data-district="---- 选择区 ----"></select>
</div>

第四步，script代码

<script type="text/javascript">
    $('#target').distpicker({
    });
</script>

这样一个jquery 的三级联动就做好了