杨幂精品国产福利在线_欧美日韩视频高清一区免费_91超碰国产在线_手机免费看不卡顿av片_日韩无码av一区二区_色一色综合婷婷成人网站_国产91福利在线精品专区_国产清纯白嫩美女在线播放_500福利视频导航_一级无码电影免费

擴展應(yīng)用:全國最新行政區(qū)劃行政三級聯(lián)動應(yīng)用及數(shù)據(jù)源下載【2020年05月更新】

一、三級聯(lián)動數(shù)據(jù)源

本擴展應(yīng)用主要提供目前中國全部行政區(qū)域的?。ㄊ?自治區(qū))、市(區(qū)/自治州)、區(qū)(縣/市)三級聯(lián)動最新數(shù)據(jù),可以用于各類應(yīng)用開發(fā)。2019年10月31日,我公司決定將中國最新的行政區(qū)劃數(shù)據(jù)向社會公眾共享,以便于大家及時使用更新,更方便的使用我們的數(shù)據(jù)。

二、三級聯(lián)動文件下載

1)下載:三級聯(lián)動地區(qū) PHP 數(shù)組文件
  2)下載:三級聯(lián)動地區(qū) JS 數(shù)據(jù)文件

說明:請將下載的文件后綴“.gz”去掉重命名直接使用。

三、三級聯(lián)動示例

1、項目目標(biāo)頁中引入三級聯(lián)動的數(shù)據(jù)文件及其插件:

<!--引入數(shù)據(jù)文件及其插件-->
<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>

或者直接引入云端的資源(適用于 httphttps 協(xié)議):

<!--引入數(shù)據(jù)文件及其插件-->
<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、三級聯(lián)動調(diào)用代碼:

<span id="chinaAreaList"></span>

說明:示例僅展示 js 數(shù)據(jù)的使用,php 的數(shù)據(jù)請根據(jù)項目的實際需求引入數(shù)組數(shù)據(jù)即可;另外,三級聯(lián)動的擴展應(yīng)用需要與 JQuery 一起引入使用,也就是說,使用三級聯(lián)動必須先引入 JQuery 插件,建議使用最鬧心的 JQuery 插件。

3、三級聯(lián)動效果如下:

4、獲取三級聯(lián)動選擇值:

以下代碼通過 JQuery 方式獲?。?/p>

//獲取省(市/自治區(qū))
$('#province').val();
//獲取市(區(qū)/自治州)
$('#city').val();
//獲取區(qū)(縣/市)
$('#dis').val();

或者:

//獲取?。ㄊ?自治區(qū))
$("select[name='region[province]']").val();
//獲取市(區(qū)/自治州)
$("select[name='region[city]']").val();
//獲取區(qū)(縣/市)
$("select[name='region[dis]']").val();

說明:推薦使用第一種方式獲??;另外如果直接提交表單,也可以使用 selectname 屬性直接獲取,以 phppost 方式提交數(shù)據(jù)為例,代碼如下:

//獲取省(市/自治區(qū))
$province=$_POST['province'];
//獲取市(區(qū)/自治州)
$province=$_POST['city'];
//獲取區(qū)(縣/市)
$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;}
點贊 0 分享
本文為「本站原創(chuàng)」,未經(jīng)我們許可,嚴(yán)謹任何人或單位以任何形式轉(zhuǎn)載或刊載本文章,我們保留依法追究侵權(quán)的權(quán)力!

微信聯(lián)系我們

億百天技術(shù)客戶服務(wù)

使用微信掃一掃

昵稱:億百天技術(shù)

公司:湖北億百天信息技術(shù)有限公司

電話:027-88773336

手機:15342213852

郵箱:serviceebaitian.cn

相關(guān)欄目

加載中...

成為會員立享特權(quán)

立即注冊億百天公司會員,在線聯(lián)系客服立即享受會員特權(quán),還有豐厚禮品贈送;簽約時可以享受特低折扣優(yōu)惠,期待您的加入!

客服熱線:400-840-3336

我們?yōu)槟峁﹤€性化的售前咨詢服務(wù),及全面的技術(shù)售后服務(wù)。