中國省市區地址三級聯動插件---jQuery Distpicker

插件描述：distpicker是一款能夠實現中國省市區地址三級聯動jQuery插件。它使用簡單，簡單設置便可完成中國省市區地址聯動效果。

【官網】https://fengyuanchen.github.io/distpicker/

【CDN地址】http://www.bootcdn.cn/distpicker/

【源代碼】https://github.com/fengyuanchen/distpicker

安裝可以使用CDN方法

使用插件須要同時引用 jQuery和 Distpicker插件

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/distpicker/2.0.3/distpicker.js"></script>

使用方法

data-toggle="distpicker"用來初始化插件

data-province

data-city

data-district
用來自定義佔位符

基本的HTML結構是使用一個<div>容器來包裹一組<select>元素。

1 <div data-toggle="distpicker"><!-- container -->
2   <select></select><!-- 省 -->
3   <select></select><!-- 市 -->
4   <select></select><!-- 區 -->
5 </div>

默認初始化顯示佔位符也能夠自定義省市區。

1 <div data-toggle="distpicker">
2   <select data-province="浙江省"></select>
3   <select data-city="杭州市"></select>
4   <select data-district="西湖區"></select>
5 </div>