【移動(dòng)應(yīng)用開發(fā)技術(shù)】小程序如何實(shí)現(xiàn)城市列表的選擇

【移動(dòng)應(yīng)用開發(fā)技術(shù)】小程序如何實(shí)現(xiàn)城市列表的選擇

這篇文章主要介紹小程序如何實(shí)現(xiàn)城市列表的選擇，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！具體內(nèi)容如下實(shí)現(xiàn)效果預(yù)覽實(shí)現(xiàn)功能簡介城市的選擇按中文/拼音/首字母條件搜索按首字字母快速定位到城市位置目錄結(jié)構(gòu)主要代碼app.jsApp({

globalData:

{

trainBeginCity:

'杭州',

trainEndCity:

'北京'

}

})app.json{

"pages":[

"pages/index/index",

"pages/citys/citys"

],

"window":{

"backgroundTextStyle":"light",

"navigationBarBackgroundColor":

"#fff",

"navigationBarTitleText":

"WeChat",

"navigationBarTextStyle":"black",

"enablePullDownRefresh":

true

}

}index.wxml<view

class='warning-top'>測試消息消息這是測試消息啊啊啊</view>

<form

bindsubmit="formSubmit"

bindreset="formReset"

class='form-content'>

<view

class='flex-box'

data-id='出發(fā)城市'>

<view

class='flex-box-header'>出發(fā)城市</view>

<view

class="flex-box-content">

<input

name='beginCity'

value='{{begin}}'

disabled='disabled'

placeholder=""

bindtap='bindBeginCityView'

class='input-city'/>

</view>

</view>

<view

class="flex-box"

data-id='目的城市'>

<view

class='flex-box-header'>目的城市</view>

<view

class="flex-box-content">

<input

name='endCity'

value='{{end}}'

placeholder=""

disabled='disabled'

bindtap='bindEndCityView'

class='input-city'/>

</view>

</view>

<view

class="flex-box">

<view

class='flex-box-header'>出發(fā)日期</view>

<picker

mode="date"

name='leaveDate'

class='flex-box-content-pricker'

value="{{date}}"

start="2018-01-01"

end="2019-09-01"

bindchange="bindDateChange"

>

<view

class='input-city'>{{date}}</view>

</picker>

</view>

<view

class="btn-area">

<button

formType="submit"

class='btn-query'>查詢</button>

</view>

</form>index.jsconst

app

=

getApp()

Page({

data:

{

begin:

'',

end:

'',

date:

null

},

formSubmit:

function

(e)

{

//

console.log('form發(fā)生了submit事件，攜帶數(shù)據(jù)為：',

e.detail.value)

wx.navigateTo({

url:

'../trains/trains?beginCity='

+

e.detail.value.beginCity

+

"&endCity="

+

e.detail.value.endCity

+

"&leaveDate="

+

e.detail.value.leaveDate,

})

},

formReset:

function

()

{

console.log('form發(fā)生了reset事件')

},

bindDateChange:

function

(e)

{

this.setData({

date:

e.detail.value

})

},

onLoad:

function

(options)

{

//

wx.navigateTo({

//

url:

'../citys/citys?cityType=begin',

//

})

if

(this.data.date

==

null

||

this.data.date.trim()

==

"")

{

var

day

=

new

Date()

day.setTime(day.getTime()

+

24

*

60

*

60

*

1000);

var

year

=

day.getFullYear();

//年

var

month

=

day.getMonth()

+

1;

//月

var

day

=

day.getDate();

//日

if

(month

<

10)

{

month

=

"0"

+

month;

}

if

(day

<

10)

{

day

=

"0"

+

day;

}

this.setData({

date:

year

+

'-'

+

month

+

'-'

+

day

})

}

},

onPullDownRefresh:

function

()

{

wx.stopPullDownRefresh();

},

bindBeginCityView:

function

()

{

wx.navigateTo({

url:

'../citys/citys?cityType=begin',

})

},

bindEndCityView:

function

()

{

wx.navigateTo({

url:

'../citys/citys?cityType=end',

})

},

onShow:

function

()

{

this.setData({

begin:

app.globalData.trainBeginCity

})

this.setData({

end:

app.globalData.trainEndCity

})

}

})index.wxss.flex-box

{

display:

flex;

flex-direction:

row;

border-bottom:

#CCCCCC

solid

1px;

margin:

28rpx;

width:

600rpx;

padding:10rpx;

height:

70rpx;

}

.btn-area{

margin:

30rpx;

width:

600rpx;

}

.flex-box-header{

width:

25%;

font-size:

30rpx;

margin-top:

10rpx;

color:

#999999;

/*

line-height:

60rpx;

*/

}

.flex-box-content{

width:

70%;

margin-top:

0rpx;

font-size:

45rpx;

}

.flex-box-content-pricker{

margin-top:

0rpx;

width:

70%;

font-size:

45rpx;

}

.form-content{

margin-top:30rpx;

display:

flex;

margin-left:

5%;

width:

90%;

background-color:

#FFFFFF;

border-radius:

20rpx;

/*

border:

3rpx

solid

#CCCCCC;

*/

height:

530rpx;

}

.bus-view{

display:

flex;

flex-direction:

row;

width:

700rpx;

height:

100rpx;

margin:20rpx;

font-size:

30rpx;

border-bottom:

1rpx

solid

#CCCCCC;

}

.bus-view-left{

text-align:

center;

line-height:

100rpx;

font-size:

30rpx;

width:

200rpx;

/*

border-right:

1rpx

solid

#CCCCCC;

*/

}

.bus-view-right{

width:

300rpx;

display:

flex;

flex-direction:

column;

font-size:

28rpx;

/*

border:

1rpx

solid

#CCCCCC;

*/

}

.bus-view-right-item{

text-align:

center;

margin:

5rpx;

}

.btn-query{

background-color:#3399CC;

color:#FFFFFF;

}

.input-city{

/*

border:

1rpx

solid

#CCCCCC;

*/

}citys.wxml<view

class="search-box">

<input

placeholder="中文/拼音/首字母"

class='search-input'

bindinput='bindSarchInput'

placeholder-class='search-input-placeholder'

/>

</view>

<view

class='a-z'>

<view

wx:for="{{cityAZ}}"

wx:key="unique">

<view

data-id='{{item.cityName}}'

bindtap='bindAZ'>{{item.cityName}}</view>

</view>

</view>

<view

class='city-item-content'>

<view

wx:for="{{cityResults}}"

wx:key="unique">

<view

wx:if="{{item.cityPinYin.length

>

1}}"

class='city-item'

data-cityname='{{item.cityName}}'

bindtap='citySelected'>{{item.cityName}}</view>

<view

wx:else

class='city-item-A-Z'

data-cityname='{{item.cityName}}'>{{item.cityName}}</view>

<!--

<view

data-cityname='{{item.cityName}}'

bindtap='citySelected'

>{{item.cityName}}</view>

-->

</view>

</view>citys.jsconst

app

=

getApp()

Page({

/**

*

生命周期函數(shù)--監(jiān)聽頁面加載

*/

onLoad:

function

(options)

{

this.setData({

cityType:

options.cityType

})

if

(this.data.cityResults

==

null)

{

this.setData({

cityResults:

this.data.citys

})

}

},

bindAZ:

function

(e)

{

var

currentCityName

=

e.currentTarget.dataset.id

var

that

=

this;

//放入A-Z的scrollTop參數(shù)

if

(that.data.scrollAZ

==

null)

{

wx.createSelectorQuery().selectAll('.city-item-A-Z').fields({

dataset:

true,

size:

true,

rect:

true

},

function

(res)

{

res.forEach(function

(re)

{

if

(currentCityName

==

re.dataset.cityname)

{

wx.pageScrollTo({

scrollTop:

re.top

+

that.data.scrollNow

-

55.5,

duration:

0

})

}

})

}).exec();

}

else

{

this.data.scrollAZ.forEach(function

(re)

{

if

(currentCityName

==

re.dataset.cityname)

{

wx.pageScrollTo({

scrollTop:

re.top

+

that.data.scrollNow

-

55.5,

duration:

0

})

}

})

}

},

onPageScroll:

function

(e)

{

//

獲取滾動(dòng)條當(dāng)前位置

this.setData({

scrollNow:

e.scrollTop

})

},

/**

*

生命周期函數(shù)--監(jiān)聽頁面初次渲染完成

*/

onReady:

function

()

{

},

citySelected:

function

(e)

{

var

cityNameTemp

=

e.currentTarget.dataset.cityname

if

(this.data.cityType

==

'begin')

{

app.globalData.trainBeginCity

=

cityNameTemp

}

if

(this.data.cityType

==

"end")

{

app.globalData.trainEndCity

=

cityNameTemp

}

wx.navigateBack()

},

bindSarchInput:

function

(e)

{

wx.pageScrollTo({

scrollTop:

0,

duration:

0

})

var

inputVal

=

e.detail.value;

var

cityResultsTemp

=

new

Array()

var

citys

=

this.data.citys;

if

(inputVal

==

null

||

inputVal.trim()

==

'')

{

this.setData({

cityResults:

citys

})

return;

}

for

(var

i

=

0;

i

<

citys.length;

i++)

{

if

(citys[i].cityName.indexOf(inputVal)

==

0

||

citys[i].cityPY.indexOf(inputVal.toLowerCase())

==

0

||

citys[i].cityPinYin.indexOf(inputVal.toLowerCase())

==

0)

{

//去除熱門城市

if

(citys[i].cityPY.indexOf("#")

!=

-1)

{

continue;

}

var

ifHas

=

false;

for

(var

j

=

0;

j

<

cityResultsTemp.length;

j++)

{

if

(cityResultsTemp[j]

==

citys[i])

{

ifHas

=

true;

break;

}

}

if

(!ifHas)

{

cityResultsTemp.push(citys[i]);

}

}

}

this.setData({

cityResults:

cityResultsTemp

})

},

/**

*

生命周期函數(shù)--監(jiān)聽頁面顯示

*/

onShow:

function

()

{

},

/**

*

生命周期函數(shù)--監(jiān)聽頁面隱藏

*/

onHide:

function

()

{

},

/**

*

生命周期函數(shù)--監(jiān)聽頁面卸載

*/

onUnload:

function

()

{

},

/**

*

頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作

*/

onPullDownRefresh:

function

()

{

setTimeout(function

()

{

wx.stopPullDownRefresh();

},

1000)

},

/**

*

頁面上拉觸底事件的處理函數(shù)

*/

onReachBottom:

function

()

{

},

/**

*

用戶點(diǎn)擊右上角分享

*/

onShareAppMessage:

function

()

{

},

/**

*

頁面的初始數(shù)據(jù)

*/

data:

{

scrollAZ:

null,

scrollNow:

0,

cityType:

'begin',

cityResults:

null,

cityAZ:

[{

cityName:

'熱門'

},

{

cityName:

'A'

},

{

cityName:

'B'

},

{

cityName:

'C'

},

{

cityName:

'D'

},

{

cityName:

'E'

},

{

cityName:

'F'

},

{

cityName:

'G'

},

{

cityName:

'H'

},

{

cityName:

'J'

},

{

cityName:

'K'

},

{

cityName:

'L'

},

{

cityName:

'M'

},

{

cityName:

'N'

},

{

cityName:

'P'

},

{

cityName:

'Q'

},

{

cityName:

'R'

},

{

cityName:

'S'

},

{

cityName:

'T'

},

{

cityName:

'W'

},

{

cityName:

'X'

},

{

cityName:

'Y'

},

{

cityName:

'Z'

},],

citys:

[{

cityName:

'熱門',

cityPinYin:

'',

cityPY:

''

},

{

cityName:

'上海',

cityPinYin:

'##',

cityPY:

'##'

},

{

cityName:

'北京',

cityPinYin:

'##',

cityPY:

'##'

},

{

cityName:

'廣州',

cityPinYin:

'##',

cityPY:

'##'

},

{

cityName:

'深圳',

cityPinYin:

'##',

cityPY:

'##'

},

{

cityName:

'杭州',

cityPinYin:

'##',

cityPY:

'##'

},

{

cityName:

'A',

cityPinYin:

'a',

cityPY:

'a'

},

{

cityName:

'阿克蘇',

cityPinYin:

'akesu',

cityPY:

'aks'

},

{

cityName:

'安康',

cityPinYin:

'ankang',

cityPY:

'ak'

},

{

cityName:

'安陸',

cityPinYin:

'anlu',

cityPY:

'al'

},

{

cityName:

'安慶',

cityPinYin:

'anqing',

cityPY:

'aq'

},

{

cityName:

'鞍山',

cityPinYin:

'anshan',

cityPY:

'as'

},

{

cityName:

'安順',

cityPinYin:

'anshun',

cityPY:

'as'

},

{

cityName:

'安陽',

cityPinYin:

'anyang',

cityPY:

'ay'

},

{

cityName:

'B',

cityPinYin:

'b',

cityPY:

'b'

},

{

cityName:

'白城',

cityPinYin:

'baicheng',

cityPY:

'bc'

},

{

cityName:

'蚌埠',

cityPinYin:

'bangbu',

cityPY:

'bb'

},

{

cityName:

'保定',

cityPinYin:

'baoding',

cityPY:

'bd'

},

{

cityName:

'寶雞',

cityPinYin:

'baoji',

cityPY:

'bj'

},

{

cityName:

'包頭',

cityPinYin:

'baotou',

cityPY:

'bt'

},

{

cityName:

'鲅魚圈',

cityPinYin:

'bayuquan',

cityPY:

'byq'

},

{

cityName:

'巴中',

cityPinYin:

'bazhong',

cityPY:

'bz'

},

{

cityName:

'北戴河',

cityPinYin:

'beidaihe',

cityPY:

'bdh'

},

{

cityName:

'北海',

cityPinYin:

'beihai',

cityPY:

'bh'

},

{

cityName:

'北京',

cityPinYin:

'beijing',

cityPY:

'bj'

},

{

cityName:

'博樂',

cityPinYin:

'bole',

cityPY:

'bl'

},

{

cityName:

'C',

cityPinYin:

'c',

cityPY:

'c'

},

{

cityName:

'蒼南',

cityPinYin:

'cangnan',

cityPY:

'cn'

},

{

cityName:

'滄州',

cityPinYin:

'cangzhou',

cityPY:

'cz'

},

{

cityName:

'常德',

cityPinYin:

'changde',

cityPY:

'cd'

},

{

cityName:

'常州',

cityPinYin:

'changzhou',

cityPY:

'cz'

},

{

cityName:

'巢湖',

cityPinYin:

'chaohu',

cityPY:

'ch'

},

{

cityName:

'潮州',

cityPinYin:

'chaozhou',

cityPY:

'cz'

},

{

cityName:

'承德',

cityPinYin:

'chengde',

cityPY:

'cd'

},

{

cityName:

'成都',

cityPinYin:

'chengdou',

cityPY:

'cd'

},

{

cityName:

'郴州',

cityPinYin:

'chenzhou',

cityPY:

'cz'

},

{

cityName:

'赤壁',

cityPinYin:

'chibi',

cityPY:

'cb'

},

{

cityName:

'赤峰',

cityPinYin:

'chifeng',

cityPY:

'cf'

},

{

cityName:

'滁州',

cityPinYin:

'chuzhou',

cityPY:

'cz'

},

{

cityName:

'D',

cityPinYin:

'd',

cityPY:

'd'

},

{

cityName:

'大理',

cityPinYin:

'dali',

cityPY:

'dl'

},

{

cityName:

'大連',

cityPinYin:

'dalian',

cityPY:

'dl'

},

{

cityName:

'丹東',

cityPinYin:

'dandong',

cityPY:

'dd'

},

{

cityName:

'大慶',

cityPinYin:

'daqing',

cityPY:

'dq'

},

{

cityName:

'大同',

cityPinYin:

'datong',

cityPY:

'dt'

},

{

cityName:

'達(dá)州',

cityPinYin:

'dazhou',

cityPY:

'dz'

},

{

cityName:

'德令哈',

cityPinYin:

'delingha',

cityPY:

'dlh'

},

{

cityName:

'德清',

cityPinYin:

'deqing',

cityPY:

'dq'

},

{

cityName:

'德陽',

cityPinYin:

'deyang',

cityPY:

'dy'

},

{

cityName:

'德州',

cityPinYin:

'dezhou',

cityPY:

'dz'

},

{

cityName:

'定遠(yuǎn)',

cityPinYin:

'dingyuan',

cityPY:

'dy'

},

{

cityName:

'東莞',

cityPinYin:

'dongguan',

cityPY:

'dg'

},

{

cityName:

'東?？h',

cityPinYin:

'donghaixian',

cityPY:

'dhx'

},

{

cityName:

'東勝',

cityPinYin:

'dongsheng',

cityPY:

'ds'

},

{

cityName:

'東營',

cityPinYin:

'dongying',

cityPY:

'dy'

},

{

cityName:

'都江堰',

cityPinYin:

'doujiangyan',

cityPY:

'djy'

},

{

cityName:

'敦煌',

cityPinYin:

'dunhuang',

cityPY:

'dh'

},

{

cityName:

'E',

cityPinYin:

'e',

cityPY:

'e'

},

{

cityName:

'額濟(jì)納',

cityPinYin:

'ejina',

cityPY:

'ejn'

},

{

cityName:

'峨眉',

cityPinYin:

'emei',

cityPY:

'em'

},

{

cityName:

'恩施',

cityPinYin:

'enshi',

cityPY:

'es'

},

{

cityName:

'鄂州',

cityPinYin:

'ezhou',

cityPY:

'ez'

},

{

cityName:

'F',

cityPinYin:

'f',

cityPY:

'f'

},

{

cityName:

'佛山',

cityPinYin:

'foshan',

cityPY:

'fs'

},

{

cityName:

'福安',

cityPinYin:

'fuan',

cityPY:

'fa'

},

{

cityName:

'福鼎',

cityPinYin:

'fuding',

cityPY:

'fd'

},

{

cityName:

'涪陵',

cityPinYin:

'fuling',

cityPY:

'fl'

},

{

cityName:

'福清',

cityPinYin:

'fuqing',

cityPY:

'fq'

},

{

cityName:

'撫順',

cityPinYin:

'fushun',

cityPY:

'fs'

},

{

cityName:

'阜新',

cityPinYin:

'fuxin',

cityPY:

'fx'

},

{

cityName:

'阜陽',

cityPinYin:

'fuyang',

cityPY:

'fy'

},

{

cityName:

'撫州',

cityPinYin:

'fuzhou',

cityPY:

'fz'

},

{

cityName:

'福州',

cityPinYin:

'fuzhou',

cityPY:

'fz'

},

{

cityName:

'G',

cityPinYin:

'g',

cityPY:

'g'

},

{

cityName:

'贛州',

cityPinYin:

'ganzhou',

cityPY:

'gz'

},

{

cityName:

'高密',

cityPinYin:

'gaomi',

cityPY:

'gm'

},

{

cityName:

'格爾木',

cityPinYin:

'geermu',

cityPY:

'gem'

},

{

cityName:

'廣安',

cityPinYin:

'guangan',

cityPY:

'ga'

},

{

cityName:

'廣元',

cityPinYin:

'guangyuan',

cityPY:

'gy'

},

{

cityName:

'廣州',

cityPinYin:

'guangzhou',

cityPY:

'gz'

},

{

cityName:

'桂林',

cityPinYin:

'guilin',

cityPY:

'gl'

},

{

cityName:

'貴陽',

cityPinYin:

'guiyang',

cityPY:

'gy'

},

{

cityName:

'H',

cityPinYin:

'h',

cityPY:

'h'

},

{

cityName:

'哈爾濱',

cityPinYin:

'haerbin',

cityPY:

'heb'

},

{

cityName:

'海城',

cityPinYin:

'haicheng',

cityPY:

'hc'

},

{

cityName:

'海口',

cityPinYin:

'haikou',

cityPY:

'hk'

},

{

cityName:

'海拉爾',

cityPinYin:

'hailaer',

cityPY:

'hle'

},

{

cityName:

'海寧',

cityPinYin:

'haining',

cityPY:

'hn'

},

{

cityName:

'哈密',

cityPinYin:

'hami',

cityPY:

'hm'

},

{

cityName:

'邯鄲',

cityPinYin:

'handan',

cityPY:

'hd'

},

{

cityName:

'杭州',

cityPinYin:

'hangzhou',

cityPY:

'hz'

},

{

cityName:

'涵江',

cityPinYin:

'hanjiang',

cityPY:

'hj'

},

{

cityName:

'漢中',

cityPinYin:

'hanzhong',

cityPY:

'hz'

},

{

cityName:

'鶴壁',

cityPinYin:

'hebi',

cityPY:

'hb'

},

{

cityName:

'合川',

cityPinYin:

'hechuan',

cityPY:

'hc'

},

{

cityName:

'合肥',

cityPinYin:

'hefei',

cityPY:

'hf'

},

{

cityName:

'鶴崗',

cityPinYin:

'hegang',

cityPY:

'hg'

},

{

cityName:

'黑河',

cityPinYin:

'heihe',

cityPY:

'hh'

},

{

cityName:

'衡山',

cityPinYin:

'hengshan',

cityPY:

'hs'

},

{

cityName:

'衡水',

cityPinYin:

'hengshui',

cityPY:

'hs'

},

{

cityName:

'衡陽',

cityPinYin:

'hengyang',

cityPY:

'hy'

},

{

cityName:

'菏澤',

cityPinYin:

'heze',

cityPY:

'hz'

},

{

cityName:

'淮安',

cityPinYin:

'huaian',

cityPY:

'ha'

},

{

cityName:

'淮北',

cityPinYin:

'huaibei',

cityPY:

'hb'

},

{

cityName:

'懷化',

cityPinYin:

'huaihua',

cityPY:

'hh'

},

{

cityName:

'淮南',

cityPinYin:

'huainan',

cityPY:

'hn'

},

{

cityName:

'黃山',

cityPinYin:

'huangshan',

cityPY:

'hs'

},

{

cityName:

'黃石',

cityPinYin:

'huangshi',

cityPY:

'hs'

},

{

cityName:

'呼和浩特',

cityPinYin:

'huhehaote',

cityPY:

'hhht'

},

{

cityName:

'惠州',

cityPinYin:

'huizhou',

cityPY:

'hz'

},

{

cityName:

'葫蘆島',

cityPinYin:

'huludao',

cityPY:

'hld'

},

{

cityName:

'湖州',

cityPinYin:

'huzhou',

cityPY:

'hz'

},

{

cityName:

'J',

cityPinYin:

'j',

cityPY:

'j'

},

{

cityName:

'佳木斯',

cityPinYin:

'jiamusi',

cityPY:

'jms'

},

{

cityName:

'吉安',

cityPinYin:

'jian',

cityPY:

'ja'

},

{

cityName:

'江門',

cityPinYin:

'jiangmen',

cityPY:

'jm'

},

{

cityName:

'江山',

cityPinYin:

'jiangshan',

cityPY:

'js'

},

{

cityName:

'膠州',

cityPinYin:

'jiaozhou',

cityPY:

'jz'

},

{

cityName:

'嘉善',

cityPinYin:

'jiashan',

cityPY:

'js'

},

{

cityName:

'嘉興',

cityPinYin:

'jiaxing',

cityPY:

'jx'

},

{

cityName:

'嘉峪關(guān)',

cityPinYin:

'jiayuguan',

cityPY:

'jyg'

},

{

cityName:

'揭陽',

cityPinYin:

'jieyang',

cityPY:

'jy'

},

{

cityName:

'吉林',

cityPinYin:

'jilin',

cityPY:

'jl'

},

{

cityName:

'濟(jì)南',

cityPinYin:

'jinan',

cityPY:

'jn'

},

{

cityName:

'晉城',

cityPinYin:

'jincheng',

cityPY:

'jc'

},

{

cityName:

'景德鎮(zhèn)',

cityPinYin:

'jingdezhen',

cityPY:

'jdz'

},

{

cityName:

'荊門',

cityPinYin:

'jingmen',

cityPY:

'jm'

},

{

cityName:

'荊州',

cityPinYin:

'jingzhou',

cityPY:

'jz'

},

{

cityName:

'金華',

cityPinYin:

'jinhua',

cityPY:

'jh'

},

{

cityName:

'集寧',

cityPinYin:

'jining',

cityPY:

'jn'

},

{

cityName:

'濟(jì)寧',

cityPinYin:

'jining',

cityPY:

'jn'

},

{

cityName:

'晉江',

cityPinYin:

'jinjiang',

cityPY:

'jj'

},

{

cityName:

'錦州',

cityPinYin:

'jinzhou',

cityPY:

'jz'

},

{

cityName:

'吉首',

cityPinYin:

'jishou',

cityPY:

'js'

},

{

cityName:

'九江',

cityPinYin:

'jiujiang',

cityPY:

'jj'

},

{

cityName:

'酒泉',

cityPinYin:

'jiuquan',

cityPY:

'jq'

},

{

cityName:

'雞西',

cityPinYin:

'jixi',

cityPY:

'jx'

},

{

cityName:

'K',

cityPinYin:

'k',

cityPY:

'k'

},

{

cityName:

'開封',

cityPinYin:

'kaifeng',

cityPY:

'kf'

},

{

cityName:

'凱里',

cityPinYin:

'kaili',

cityPY:

'kl'

},

{

cityName:

'喀什',

cityPinYin:

'kashen',

cityPY:

'ks'

},

{

cityName:

'庫爾勒',

cityPinYin:

'kuerle',

cityPY:

'kel'

},

{

cityName:

'昆明',

cityPinYin:

'kunming',

cityPY:

'km'

},

{

cityName:

'昆山',

cityPinYin:

'kunshan',

cityPY:

'ks'

},

{

cityName:

'L',

cityPinYin:

'l',

cityPY:

'l'

},

{

cityName:

'廊坊',

cityPinYin:

'langfang',

cityPY:

'lf'

},

{

cityName:

'蘭州',

cityPinYin:

'lanzhou',

cityPY:

'lz'

},

{

cityName:

'拉薩',

cityPinYin:

'lasa',

cityPY:

'ls'

},

{

cityName:

'耒陽',

cityPinYin:

'leiyang',

cityPY:

'ly'

},

{

cityName:

'樂清',

cityPinYin:

'leqing',

cityPY:

'lq'

},

{

cityName:

'梁平',

cityPinYin:

'liangping',

cityPY:

'lp'

},

{

cityName:

'連江',

cityPinYin:

'lianjiang',

cityPY:

'lj'

},

{

cityName:

'連云港',

cityPinYin:

'lianyungang',

cityPY:

'lyg'

},

{

cityName:

'聊城',

cityPinYin:

'liaocheng',

cityPY:

'lc'

},

{

cityName:

'遼陽',

cityPinYin:

'liaoyang',

cityPY:

'ly'

},

{

cityName:

'遼源',

cityPinYin:

'liaoyuan',

cityPY:

'ly'

},

{

cityName:

'麗江',

cityPinYin:

'lijiang',

cityPY:

'lj'

},

{

cityName:

'臨汾',

cityPinYin:

'linfen',

cityPY:

'lf'

},

{

cityName:

'陵水',

cityPinYin:

'lingshui',

cityPY:

'ls'

},

{

cityName:

'臨海',

cityPinYin:

'linhai',

cityPY:

'lh'

},

{

cityName:

'臨河',

cityPinYin:

'linhe',

cityPY:

'lh'

},

{

cityName:

'臨沂',

cityPinYin:

'linyi',

cityPY:

'ly'

},

{

cityName:

'六安',

cityPinYin:

'liuan',

cityPY:

'la'

},

{

cityName:

'六盤水',

cityPinYin:

'liupanshui',

cityPY:

'lps'

},

{

cityName:

'柳州',

cityPinYin:

'liuzhou',

cityPY:

'lz'

},

{

cityName:

'溧陽',

cityPinYin:

'liyang',

cityPY:

'ly'

},

{

cityName:

'龍巖',

cityPinYin:

'longyan',

cityPY:

'ly'

},

{

cityName:

'龍游',

cityPinYin:

'longyou',

cityPY:

'ly'

},

{

cityName:

'婁底',

cityPinYin:

'loudi',

cityPY:

'ld'

},

{

cityName:

'呂梁',

cityPinYin:

'lu:liang',

cityPY:

'll'

},

{

cityName:

'漯河',

cityPinYin:

'luohe',

cityPY:

'lh'

},

{

cityName:

'洛陽',

cityPinYin:

'luoyang',

cityPY:

'ly'

},

{

cityName:

'羅源',

cityPinYin:

'luoyuan',

cityPY:

'ly'

},

{

cityName:

'廬山',

cityPinYin:

'lushan',

cityPY:

'ls'

},

{

cityName:

'M',

cityPinYin:

'm',

cityPY:

'm'

},

{

cityName:

'馬鞍山',

cityPinYin:

'maanshan',

cityPY:

'mas'

},

{

cityName:

'滿洲里',

cityPinYin:

'manzhouli',

cityPY:

'mzl'

},

{

cityName:

'美蘭',

cityPinYin:

'meilan',

cityPY:

'ml'

},

{

cityName:

'梅州',

cityPinYin:

'meizhou',

cityPY:

'mz'

},

{

cityName:

'綿陽',

cityPinYin:

'mianyang',

cityPY:

'my'

},

{

cityName:

'汨羅',

cityPinYin:

'miluo',

cityPY:

'ml'

},

{

cityName:

'漠河',

cityPinYin:

'mohe',

cityPY:

'mh'

},

{

cityName:

'牡丹江',

cityPinYin:

'mudanjiang',

cityPY:

'mdj'

},

{

cityName:

'N',

cityPinYin:

'n',

cityPY:

'n'

},

{

cityName:

'南昌',

cityPinYin:

'nanchang',

cityPY:

'nc'

},

{

cityName:

'南城',

cityPinYin:

'nancheng',

cityPY:

'nc'

},

{

cityName:

'南充',

cityPinYin:

'nanchong',

cityPY:

'nc'

},

{

cityName:

'南豐',

cityPinYin:

'nanfeng',

cityPY:

'nf'

},

{

cityName:

'南京',

cityPinYin:

'nanjing',

cityPY:

'nj'

},

{

cityName:

'南寧',

cityPinYin:

'nanning',

cityPY:

'nn'

},

{

cityName:

'南通',

cityPinYin:

'nantong',

cityPY:

'nt'

},

{

cityName:

'南陽',

cityPinYin:

'nanyang',

cityPY:

'ny'

},

{

cityName:

'內(nèi)江',

cityPinYin:

'neijiang',

cityPY:

'nj'

},

{

cityName:

'寧波',

cityPinYin:

'ningbo',

cityPY:

'nb'

},

{

cityName:

'寧德',

cityPinYin:

'ningde',

cityPY:

'nd'

},

{

cityName:

'寧海',

cityPinYin:

'ninghai',

cityPY:

'nh'

},

{

cityName:

'P',

cityPinYin:

'p',

cityPY:

'p'

},

{

cityName:

'盤錦',

cityPinYin:

'panjin',

cityPY:

'pj'

},

{

cityName:

'攀枝花',

cityPinYin:

'panzhihua',

cityPY:

'pzh'

},

{

cityName:

'平頂山',

cityPinYin:

'pingdingshan',

cityPY:

'pds'

},

{

cityName:

'萍鄉(xiāng)',

cityPinYin:

'pingxiang',

cityPY:

'px'

},

{

cityName:

'平遙',

cityPinYin:

'pingyao',

cityPY:

'py'

},

{

cityName:

'莆田',

cityPinYin:

'putian',

cityPY:

'pt'

},

{

cityName:

'Q',

cityPinYin:

'q',

cityPY:

'q'

},

{

cityName:

'遷安',

cityPinYin:

'qianan',

cityPY:

'qa'

},

{

cityName:

'黔江',

cityPinYin:

'qianjiang',

cityPY:

'qj'

},

{

cityName:

'潛江',

cityPinYin:

'qianjiang',

cityPY:

'qj'

},

{

cityName:

'蘄春',

cityPinYin:

'qichun',

cityPY:

'qc'

},

{

cityName:

'青島',

cityPinYin:

'qingdao',

cityPY:

'qd'

},

{

cityName:

'清遠(yuǎn)',

cityPinYin:

'qingyuan',

cityPY:

'qy'

},

{

cityName:

'青州市',

cityPinYin:

'qingzhoushi',

cityPY:

'qzs'

},

{

cityName:

'秦皇島',

cityPinYin:

'qinhuangdao',

cityPY:

'qhd'

},

{

cityName:

'瓊海',

cityPinYin:

'qionghai',

cityPY:

'qh'

},

{

cityName:

'齊齊哈爾',

cityPinYin:

'qiqihaer',

cityPY:

'qqhe'

},

{

cityName:

'七臺(tái)河',

cityPinYin:

'qitaihe',

cityPY:

'qth'

},

{

cityName:

'泉州',

cityPinYin:

'quanzhou',

cityPY:

'qz'

},

{

cityName:

'曲阜',

cityPinYin:

'qufu',

cityPY:

'qf'

},

{

cityName:

'曲靖',

cityPinYin:

'qujing',

cityPY:

'qj'

},

{

cityName:

'渠縣',

cityPinYin:

'quxian',

cityPY:

'qx'

},

{

cityName:

'衢州',

cityPinYin:

'quzhou',

cityPY:

'qz'

},

{

cityName:

'R',

cityPinYin:

'r',

cityPY:

'r'

},

{

cityName:

'任丘',

cityPinYin:

'renqiu',

cityPY:

'rq'

},

{

cityName:

'日照',

cityPinYin:

'rizhao',

cityPY:

'rz'

},

{

cityName:

'如皋',

cityPinYin:

'rugao',

cityPY:

'rg'

},

{

cityName:

'瑞安',

cityPinYin:

'ruian',

cityPY:

'ra'

},

{

cityName:

'乳山',

cityPinYin:

'rushan',

cityPY:

'rs'

},

{

cityName:

'S',

cityPinYin:

's',

cityPY:

's'

},

{

cityName:

'三門峽',

cityPinYin:

'sanmenxia',

cityPY:

'smx'

},

{

cityName:

'三門縣',

cityPinYin:

'sanmenxian',

cityPY:

'smx'

},

{

cityName:

'三明',

cityPinYin:

'sanming',

cityPY:

'sm'

},

{

cityName:

'三亞',

cityPinYin:

'sanya',

cityPY:

'sy'

},

{

cityName:

'廈門',

cityPinYin:

'shamen',

cityPY:

'sm'

},

{

cityName:

'上海',

cityPinYin:

'shanghai',

cityPY:

'sh'

},

{

cityName:

'商丘',

cityPinYin:

'shangqiu',

cityPY:

'sq'

},

{

cityName:

'上饒',

cityPinYin:

'shangrao',

cityPY:

'sr'

},

{

cityName:

'上虞',

cityPinYin:

'shangyu',

cityPY:

'sy'

},

{

cityName:

'山海關(guān)',

cityPinYin:

'shanhaiguan',

cityPY:

'shg'

},

{

cityName:

'汕頭',

cityPinYin:

'shantou',

cityPY:

'st'

},

{

cityName:

'韶關(guān)',

cityPinYin:

'shaoguan',

cityPY:

'sg'

},

{

cityName:

'紹興',

cityPinYin:

'shaoxing',

cityPY:

'sx'

},

{

cityName:

'邵陽',

cityPinYin:

'shaoyang',

cityPY:

'sy'

},

{

cityName:

'神木',

cityPinYin:

'shenmu',

cityPY:

'sm'

},

{

cityName:

'沈陽',

cityPinYin:

'shenyang',

cityPY:

'sy'

},

{

cityName:

'深圳',

cityPinYin:

'shenzhen',

cityPY:

'sz'

},

{

cityName:

'石家莊',

cityPinYin:

'shijiazhuang',

cityPY:

'sjz'

},

{

cityName:

'十堰',

cityPinYin:

'shiyan',

cityPY:

'sy'

},

{

cityName:

'雙鴨山',

cityPinYin:

'shuangyashan',

cityPY:

'sys'

},

{

cityName:

'四平',

cityPinYin:

'siping',

cityPY:

'sp'

},

{

cityName:

'松江',

cityPinYin:

'songjiang',

cityPY:

'sj'

},

{

cityName:

'松原',

cityPinYin:

'songyuan',

cityPY:

'sy'

},

{

cityName:

'松滋',

cityPinYin:

'songzi',

cityPY:

'sz'

},

{

cityName:

'綏德',

cityPinYin:

'suide',

cityPY:

'sd'

},

{

cityName:

'綏芬河',

cityPinYin:

'suifenhe',

cityPY:

'sfh'

},

{

cityName:

'遂寧',

cityPinYin:

'suining',

cityPY:

'sn'

},

{

cityName:

'隨州',

cityPinYin:

'suizhou',

cityPY:

'sz'

},

{

cityName:

'蘇州',

cityPinYin:

'suzhou',

cityPY:

'sz'

},

{

cityName:

'宿州',

cityPinYin:

'suzhou',

cityPY:

'sz'

},

{

cityName:

'T',

cityPinYin:

't',

cityPY:

't'

},

{

cityName:

'泰安',

cityPinYin:

'taian',

cityPY:

'ta'

},

{

cityName:

'臺(tái)安',

cityPinYin:

'taian',

cityPY:

'ta'

},

{

cityName:

'泰寧',

cityPinYin:

'taining',

cityPY:

'tn'

},

{

cityName:

'太原',

cityPinYin:

'taiyuan',

cityPY:

'ty'

},

{

cityName:

'臺(tái)州',

cityPinYin:

'taizhou',

cityPY:

'tz'

},

{

cityName:

'泰州',

cityPinYin:

'taizhou',

cityPY:

'tz'

},

{

cityName:

'唐山',

cityPinYin:

'tangshan',

cityPY:

'ts'

},

{

cityName:

'滕州',

cityPinYin:

'tengzhou',

cityPY:

'tz'

},

{

cityName:

'天津',

cityPinYin:

'tianjin',

cityPY:

'tj'

},

{

cityName:

'天門',

cityPinYin:

'tianmen',

cityPY:

'tm'

},

{

cityName:

'天水',

cityPinYin:

'tianshui',

cityPY:

'ts'

},

{

cityName:

'鐵嶺',

cityPinYin:

'tieling',

cityPY:

'tl'

},

{

cityName:

'桐城',

cityPinYin:

'tongcheng',

cityPY:

'tc'

},

{

cityName:

'通化',

cityPinYin:

'tonghua',

cityPY:

'th'

},

{

cityName:

'通遼',

cityPinYin:

'tongliao',

cityPY:

'tl'

},

{

cityName:

'銅陵',

cityPinYin:

'tongling',

cityPY:

'tl'

},

{

cityName:

'銅仁',

cityPinYin:

'tongren',

cityPY:

'tr'

},

{

cityName:

'桐鄉(xiāng)',

cityPinYin:

'tongxiang',

cityPY:

'tx'

},

{

cityName:

'吐魯番',

cityPinYin:

'tulufan',

cityPY:

'tlf'

},

{

cityName:

'W',

cityPinYin:

'w',

cityPY:

'w'

},

{

cityName:

'瓦房店',

cityPinYin:

'wafangdian',

cityPY:

'wfd'

},

{

cityName:

'萬寧',

cityPinYin:

'wanning',

cityPY:

'wn'

},

{

cityName:

'萬源',

cityPinYin:

'wanyuan',

cityPY:

'wy'

},

{

cityName:

'萬州',

cityPinYin:

'wanzhou',

cityPY:

'wz'

},

{

cityName:

'濰坊',

cityPinYin:

'weifang',

cityPY:

'wf'

},

{

cityName:

'威海',

cityPinYin:

'weihai',

cityPY:

'wh'

},

{

cityName:

'渭南',

cityPinYin:

'weinan',

cityPY:

'wn'

},

{

cityName:

'文昌',

cityPinYin:

'wenchang',

cityPY:

'wc'

},

{

cityName:

'溫嶺',

cityPinYin:

'wenling',

cityPY:

'wl'

},

{

cityName:

'溫州',

cityPinYin:

'wenzhou',

cityPY:

'wz'

},

{

cityName:

'烏海',

cityPinYin:

'wuhai',

cityPY:

'wh'

},

{

cityName:

'武漢',

cityPinYin:

'wuhan',

cityPY:

'wh'

},

{

cityName:

'蕪湖',

cityPinYin:

'wuhu',

cityPY:

'wh'

},

{

cityName:

'烏蘭浩特',

cityPinYin:

'wulanhaote',

cityPY:

'wlht'

},

{

cityName:

'武隆',

cityPinYin:

'wulong',

cityPY:

'wl'

},

{

cityName:

'烏魯木齊',

cityPinYin:

'wulumuqi',

cityPY:

'wlmq'

},

{

cityName:

'武清',

cityPinYin:

'wuqing',

cityPY:

'wq'

},

{

cityName:

'武威',

cityPinYin:

'wuwei',

cityPY:

'ww'

},

{

cityName:

'無錫',

cityPinYin:

'wuxi',

cityPY:

'wx'

},

{

cityName:

'武夷山',

cityPinYin:

'wuyishan',

cityPY:

'wys'

},

{

cityName:

'婺源',

cityPinYin:

'wuyuan',

cityPY:

'wy'

},

{

cityName:

'X',

cityPinYin:

'x',

cityPY:

'x'

},

{

cityName:

'西安',

cityPinYin:

'xian',

cityPY:

'xa'

},

{

cityName:

'襄陽',

cityPinYin:

'xiangyang',

cityPY:

'xy'

},

{

cityName:

'咸寧',

cityPinYin:

'xianning',

cityPY:

'xn'

},

{

cityName:

'孝感',

cityPinYin:

'xiaogan',

cityPY:

'xg'

},

{

cityName:

'霞浦',

cityPinYin:

'xiapu',

cityPY:

'xp'

},

{

cityName:

'西昌',

cityPinYin:

'xichang',

cityPY:

'xc'

},

{

cityName:

'錫林浩特',

cityPinYin:

'xilinhaote',

cityPY:

'xlht'

},

{

cityName:

'邢臺(tái)',

cityPinYin:

'xingtai',

cityPY:

'xt'

},

{

cityName:

'西寧',

cityPinYin:

'xining',

cityPY:

'xn'

},

{

cityName:

'新鄉(xiāng)',

cityPinYin:

'xinxiang',

cityPY:

'xx'

},

{

cityName:

'信陽',

cityPinYin:

'xinyang',

cityPY:

'xy'

},

{

cityName:

'新余',

cityPinYin:

'xinyu',

cityPY:

'xy'

},

{

cityName:

'忻州',

cityPinYin:

'xinzhou',

cityPY:

'xz'

},

{

cityName:

'許昌',

cityPinYin:

'xuchang',

cityPY:

'xc'

},

{

cityName:

'徐州',

cityPinYin:

'xuzhou',

cityPY:

'xz'

},

{

cityName:

'Y',

cityPinYin:

'y',

cityPY:

'y'

},

{

cityName:

'延安',

cityPinYin:

'yanan',

cityPY:

'ya'

},

{

cityName:

'鹽城',

cityPinYin:

'yancheng',

cityPY:

'yc'

},

{

cityName:

'陽泉',

cityPinYin:

'yangquan',

cityPY:

'yq'

},

{

cityName:

'揚(yáng)州',

cityPinYin:

'yangzhou',

cityPY:

'yz'

},

{

cityName:

'延吉',

cityPinYin:

'yanji',

cityPY:

'yj'

},

{

cityName:

'煙臺(tái)',

cityPinYin:

'yantai',

cityPY:

'yt'

},

{

cityName:

'宜賓',

cityPinYin:

'yibin',

cityPY:

'yb'

},

{

cityName:

'宜昌',

cityPinYin:

'yichang',

cityPY:

'yc'

},

{

cityName:

'宜春',

cityPinYin:

'yichun',

cityPY:

'yc'

},

{

cityName:

'銀川',

cityPinYin:

'yinchuan',

cityPY:

'yc'

},

{

cityName:

'英德',

cityPinYin:

'yingde',

cityPY:

'yd'

},

{

cityName:

'營口',

cityPinYin:

'yingkou',

cityPY:

'yk'

},

{

cityName:

'營山',

cityPinYin:

'yingshan',

cityPY:

'ys'

},

{

cityName:

'鷹潭',

cityPinYin:

'yingtan',

cityPY:

'yt'

},

{

cityName:

'義烏',

cityPinYin:

'yiwu',

cityPY:

'yw'

},

{

cityName:

'宜興',

cityPinYin:

'yixing',

cityPY:

'yx'

},

{

cityName:

'益陽',

cityPinYin:

'yiyang',

cityPY:

'yy'

},

{

cityName:

'永嘉',

cityPinYin:

'yongjia',

cityPY:

'yj'

},

{

cityName:

'永州',

cityPinYin:

'yongzhou',

cityPY:

'yz'

},

{

cityNa