查看原文/演示及更多教程：https://www.ebaitian.cn/doc/start/html/2020050811593030.html
一、三級聯動數據源
本擴展應用主要提供目前中國全部行政區域的省（市/自治區）、市（區/自治州）、區（縣/市）三級聯動最新數據，可以用於各類應用開發。2019年10月31日，我公司決定將中國最新的行政區劃數據向社會公衆共享，以便於大家及時使用更新，更方便的使用我們的數據。
二、三級聯動文件下載
下載三級聯動地區 PHP/JS 數組文件：https://download.csdn.net/download/hxbgzgs85/12399830
說明：請將下載的文件後綴“.gz”去掉重命名直接使用。
三、三級聯動示例
1、項目目標頁中引入三級聯動的數據文件及其插件：
<!--引入數據文件及其插件-->
<script type="text/javascript" src="./js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./js/woyaocha.net.china.area.js"></script>
<script type="text/javascript" src="./js/woyaocha.net.provincesCityDis.js"></script>
或者直接引入雲端的資源（適用於 http 及 https 協議）：
<!--引入數據文件及其插件-->
<script type="text/javascript" src="//cdn-static.ebaitian.cn/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn-static.ebaitian.cn/ebtinc/china-area/ebtinc.provincesCityDis.js"></script>
<script type="text/javascript" src="//cdn-static.ebaitian.cn/ebtinc/china-area/ebtinc.china.area.js"></script>
2、三級聯動調用代碼：
<span id="chinaAreaList"></span>
說明：示例僅展示 js 數據的使用，php 的數據請根據項目的實際需求引入數組數據即可；另外，三級聯動的擴展應用需要與 JQuery 一起引入使用，也就是說，使用三級聯動必須先引入 JQuery 插件，建議使用最鬧心的 JQuery 插件。
3、三級聯動效果如下：
4、獲取三級聯動選擇值：
以下代碼通過 JQuery 方式獲取：
//獲取省（市/自治區）
$('#province').val();
//獲取市（區/自治州）
$('#city').val();
//獲取區（縣/市）
$('#dis').val();
或者：
//獲取省（市/自治區）
$("select[name='region[province]']").val();
//獲取市（區/自治州）
$("select[name='region[city]']").val();
//獲取區（縣/市）
$("select[name='region[dis]']").val();
說明：推薦使用第一種方式獲取；另外如果直接提交表單，也可以使用 select 的 name 屬性直接獲取，以 php 的 post 方式提交數據爲例，代碼如下：
//獲取省（市/自治區）
$province=$_POST['province'];
//獲取市（區/自治州）
$province=$_POST['city'];
//獲取區（縣/市）
$province=$_POST['dis'];
5、參考 css 樣式：
* {font-size:14px;line-height:1.6;font-family:msyh,Microsoft Yahei;}
#province {width:160px;float:left;}
#city {width:210px;float:left;margin-left:5px;}
#dis {width:200px;float:left;margin-left:5px;}