做三级联动之前需要导入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 />
这样就可以实现省市区(县)的三级联动了