Distpicker插件中国省市区三级联动菜单的使用

城市的三级联动菜单数据量太大，如果现麻烦不想写建议使用这款插件

一、引入资源文件

<script src="./jquery-3.1.1.min.js"></script>
<script src="./distpicker.data.js"></script>
<script src="./distpicker.js"></script>

二、写html代码

<div data-toggle="distpicker" id="distpicker_test">
           <select id="d1"  data-province="选择省份" style="width:120px"></select>
           <select id="d2" data-city="选择市" style="width:120px"></select>
           <select id="d3" data-district="选择区" style="width:120px"></select>
</div>

data-province =""设置你想要预显示的文字
select的顺序是按照省市区顺序来的，取值的时候主要不要弄错

三、写js代码

//省份联动下拉菜单
$('#distpicker_test').distpicker({
    province: '选择省份',
    city '选择市',
    district: '选择区',
    autoSelect: false 
});

autoSelect是自动选择 你可以在html 标签中设置

来自动赋值
data-province与js中的province是一个功能同data-city 和 city 等。

一个简单的城市三级联动下拉菜单就做好了

请注意以下市/县并未设置下一级的区/乡/镇：济源市、潜江市、神农架林区、天门市、仙桃市、东莞市、中山市、东沙群岛、白沙黎族自治县、保亭黎族苗族自治县、昌江黎族自治县、澄迈县、儋州市、定安县、东方市、乐东黎族自治县、临高县、陵水黎族自治县、琼海市、琼中黎族苗族自治县、屯昌县、万宁市、文昌市、五指山市、嘉峪关市、阿拉尔市、北屯市、可克达拉市、昆玉市、石河子市、双河市、铁门关市、图木舒克市、五家渠市。