链接：https://pan.baidu.com/s/1YBodu7q0fxSIcrO32IBHOw 
提取码：votb 
--来自百度网盘超级会员V5的分享

模板如下，下面的class 和 data-city 啥 的不能其他改变 ，div 里面也可以下其他东西，只需要包裹即可

注意点需要用到jquery ,使用的时候一定要引用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="static/js/jquery-3.3.1.js"></script>
    <script src="static/js/distpicker.js"></script>
    <script src="static/js/main.js"></script>
</head>

<body>
    <div data-toggle="distpicker">
        <select class="form-control" data-province="-选择省-" name="detail_province"></select>
        <select class="form-control" data-city="-选择市-" name="detail_city"></select>
        <select class="form-control" data-district="-选择区-" name="detail_district"></select>
    </div>
</body>

</html>

使用效果如图所示

js 实现省市县三级联动_html