city-picker根據縣區程式碼初始化
city-picker是一款簡單易用的省市縣級聯選擇JQuery外掛,互動體驗極佳。使用起來也簡單
<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<script src="/path/to/city-picker.data.js"></script>
<script src="/path/to/city-picker.js"></script>
無預設值的初始化
$("#city-picker").citypicker();
有預設值的初始化
$("#city-picker").citypicker({
province: "江蘇省",
city: "常州市",
district: "溧陽市"
});
選擇之後,我們可以得到形如
110000/110100/110101
北京市/北京市/東城區
這樣的城市程式碼
假設,我們後臺資料庫中只儲存了一個“110101”(東城區的程式碼),我們將如何對其進行初始化,開啟city-picker.js的原始碼,我們沒有發現類似的方法,但我們可以通過原始碼中的ChineseDistricts陣列來實現通過Code初始化city-picker
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as anonymous module.
define(['jquery', 'ChineseDistricts'], factory);
} else if (typeof exports === 'object') {
// Node / CommonJS
factory(require('jquery'), require('ChineseDistricts'));
} else {
// Browser globals.
factory(jQuery, ChineseDistricts);
}
})(function ($, ChineseDistricts) {
'use strict';
這其實就是ChineseDistricts陣列結構
所以根據縣區的程式碼,我們就可以很方便的獲取對應點省、市名稱,程式碼如下:
var p1 = ChineseDistricts[86]['A-G'];
var p2 = ChineseDistricts[86]['H-K'];
var p3 = ChineseDistricts[86]['L-S'];
var p4 = ChineseDistricts[86]['T-Z'];
function getAddressByProvinceCode(provinceCode, p) {
var province = '';
for (var i = 0; i < p.length; i++) {
if (provinceCode == p[i].code) {
province = p[i].address;
break;
}
}
return province;
}
function getByDistrict(districtCode) {
var province = '';
var city = '';
var district = '';
try {
var provinceCode = parseInt(districtCode / 10000) * 10000;
var cityCode = parseInt(districtCode / 100) * 100;
city = ChineseDistricts[provinceCode][cityCode];
district = ChineseDistricts[cityCode][districtCode];
var isFound = 0;
if (isFound == 0) {
province = getAddressByProvinceCode(provinceCode, p1);
if (province != '') {
isFound = 1;
}
}
if (isFound == 0) {
province = getAddressByProvinceCode(provinceCode, p2);
if (province != '') {
isFound = 1;
}
}
if (isFound == 0) {
province = getAddressByProvinceCode(provinceCode, p3);
if (province != '') {
isFound = 1;
}
}
if (isFound == 0) {
province = getAddressByProvinceCode(provinceCode, p4);
if (province != '') {
isFound = 1;
}
}
} catch (err) {
console.log(err);
}
var arr = new Array(3);
arr[0] = province;
arr[1] = city;
arr[2] = district;
return arr;
}
相關文章
- 根據api檔案生成程式碼API
- PHP根據wsdl生成呼叫soapwebservice程式碼PHPWeb
- 根據事務程式碼找User exit
- 根據程式的ID取得該程式的SQL指令碼SQL指令碼
- mybatis根據表逆向自動化生成程式碼MyBatis
- EF3.1 根據資料庫生成程式碼資料庫
- 前後端分離-根據程式碼講解思路後端
- Shell 指令碼 ,, 根據程式號退出 從而關機指令碼
- 根據TCODE找使用者出口的程式碼
- 根據URL地址生成二維碼
- 根據身份證號碼獲取性別資訊程式碼例項
- 機器學習根據文字生成圖片教程(附python程式碼)機器學習Python
- linux 下根據埠kill 程式Linux
- windows 根據標題,關閉程式Windows
- windows根據程式號查詢程式目錄Windows
- 根據時間輸出上午中午和下午程式碼例項
- 根據滑鼠的方位出現遮罩層效果程式碼例項遮罩
- 前端利器!讓AI根據手繪原型生成HTML | 教程+程式碼前端AI原型HTML
- 前端慌不慌?AI根據手繪原型生成HTML【附程式碼】前端AI原型HTML
- 根據dom物件或其id獲取物件位置的程式碼物件
- Python 根據id生成唯一碼Python
- 根據稅碼取得稅率函式函式
- 根據檔案查殺linux程式Linux
- 寫了個根據表名初始化所有模型的擴充套件模型套件
- Shell 根據程式名字找到程式號並kill
- 根據經緯度座標獲得省市區縣行政區劃城市名稱,自建資料庫 java python php c# .net 均適用資料庫JavaPythonPHPC#
- 根據欄位名等查詢SAP的表或結構(程式程式碼)
- 根據業務摸索出的一個selenium程式碼模版(python)Python
- 根據一個點獲取視窗控制程式碼的APIAPI
- 根據現有 C#程式碼檔案生成擴充套件程式碼檔案的想法C#套件
- php 根據給定字串時間獲取時區PHP字串
- openlayers根據座標在地圖上劃區域地圖
- 微信小程式中根據字母選擇城市微信小程式
- 一個根據程式碼自動生成UML的外掛,助你看原始碼事半功倍原始碼
- Map根據Value排序排序
- js根據字尾判斷檔案檔案型別的程式碼JS型別
- 根據時差獲取世界各地日期時間程式碼例項
- 根據比例縮放圖片的尺寸不變形程式碼例項