模板如下，下面的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>
使用效果如圖所示
![]()
