中國省市區地址三級聯動插件---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>元素。

<div data-toggle="distpicker"><!-- container -->
  <select></select><!-- 省 -->
  <select></select><!-- 市 -->
  <select></select><!-- 區 -->
</div>

默認初始化顯示占位符也可以自定義省市區。

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