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
- OpenAPI Generator,根據Swagger/OpenAPI生成程式碼的工具APISwagger
- mybatis根據表逆向自動化生成程式碼MyBatis
- EF3.1 根據資料庫生成程式碼資料庫
- 前後端分離-根據程式碼講解思路後端
- linux 下根據埠kill 程式Linux
- Python 根據id生成唯一碼Python
- 根據URL地址生成二維碼
- 根據業務摸索出的一個selenium程式碼模版(python)Python
- 前端利器!讓AI根據手繪原型生成HTML | 教程+程式碼前端AI原型HTML
- 前端慌不慌?AI根據手繪原型生成HTML【附程式碼】前端AI原型HTML
- 根據題庫設定刷題程式
- 寫了個根據表名初始化所有模型的擴充套件模型套件
- 機器學習根據文字生成圖片教程(附python程式碼)機器學習Python
- 根據提示操作
- 根據經緯度座標獲得省市區縣行政區劃城市名稱,自建資料庫 java python php c# .net 均適用資料庫JavaPythonPHPC#
- Linux 怎麼根據程式號,找對應的程式Linux
- openlayers根據座標在地圖上劃區域地圖
- php 根據給定字串時間獲取時區PHP字串
- js根據字尾判斷檔案檔案型別的程式碼JS型別
- 根據使用者編號生成邀請碼
- 根據除錯工具看Vue原始碼之watch除錯Vue原始碼
- VL59 根據RTL圖編寫Verilog程式
- Linux根據程式號,檢視相關資訊Linux
- 小程式初始化載入,根據登入狀態判斷跳轉首頁還是登入頁
- target/mmk-ui-api: 根據規則引擎掃描惡意程式碼的工具UIAPI
- 根據除錯工具看Vue原始碼之computed(二)除錯Vue原始碼
- 微信小程式--根據首字母選擇城市微信小程式
- 根據年月日判斷星期幾的c程式C程式
- [程式碼結構設計]根據不同條件使用不同實現類的業務程式碼設計
- 根據欄位查表名
- List根據時間排序排序
- js根據時間排序JS排序
- 根據年月份分表
- 程式碼初始化塊
- SAP RETAIL 如何根據分配表查到根據它建立的採購訂單?AI
- 「SAP技術」SAP WM 如何根據TR號碼查詢TO號碼?
- ECharts 根據不同的X軸區域,設定不同區域的背景色Echarts
- JavaScript字串物件 之 根據字元返回位置、根據位置返回字元、字串操作方法JavaScript字串物件字元