有时我们在制作表单时会需要客户填写地址，比如淘宝的收货地址，这里一般会有省市区的选择，并且是在某个省时市的选项会跟着变化，也就是三级联动。这个用js可以实现，不过自己写起来比较麻烦，下面介绍下使用distpicker如何制作三级联动：

1.页面引用 distpicker.js 和 jquery.js

<script src="js/jquery.js"></script>
<script src="js/distpicker.js"></script>

2.在需要显示的地方添加以下代码

<div data-toggle="distpicker">
  <select name="addr_sheng" data-province="-- 选择省 --"></select>
  <select name="addr_shi" data-city="-- 选择市 --"></select>
  <select name="addr_qu" data-district="-- 选择区 --"></select>
</div>

里面的name值可以根据需要修改。

3.制作完成后如图

上面的js文件下载：js下载