Jquery实现省 市 区(县)的三级联动

做三级联动之前需要导入3个插件和一个jquery插件

下面的连接是下载所需要的插件的
链接：https://pan.baidu.com/s/1Rs4jKlazFUW5Sapo99Xw6g
提取码：flfx

效果如下

点击省份会出来下面的市，点击市会出现下面的区(县)

引用插件

HTML界面导入插件:

<script src="js/jquery-1.8.3.js"></script>
<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/main.js"></script>

PS：这是我导入的路径,你的路径不一定和我一样

导入这4个插件,之后写下拉框引用这4个插件

<b data-toggle="distpicker">
  <select name="sheng"  data-province="---- 选择省 ----"></select>
  <select name="shi"	  data-city="---- 选择市 ----"></select>
  <select name="qu" data-district="---- 选择区 ----"></select>
  </b>
  <br />

这样就可以实现省市区(县)的三级联动了