Javascript----生成省-市下拉表單
阿新 • • 發佈：2017-07-28
return eno end tor 北京 金昌 item set 慶陽市
一、效果：
二、代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
請根據province_info和city_info裏面的數據實現選擇省份後能動態的改變對應的城市
-->
<!--
1.如何去獲取具體的省份值
2.添加對應下拉框的值
3.獲取用戶選中什麽省份
4.獲取對應的城市值
-->
<span>請選擇省份:</span>
<select class="province" id = ‘province‘>
<option selected="selected" disabled="disabled" id = "firstOPtion">請選擇省份</option>
</select>
<br /><br /><br />
<span>請選擇城市:</span>
<select class="city" id = ‘city‘></select>
<script type="text/javascript" src = ‘province.js‘></script>
<script type="text/javascript">
var provinces = province;
var cities = city;
var provinceContainer = document.getElementById("province");
var cityContainer = document.getElementById("city");
//填充省份
for(var i = 0;i<provinces.length;i++){
var provinceNode = document.createElement(‘option‘);
provinceNode.setAttribute("data-proid",provinces[i].ProID);
provinceNode.innerText = provinces[i].name; /*setAttribute("value",provinces[i].name)*/
provinceNode.setAttribute("value",provinces[i].ProID);
provinceContainer.appendChild(provinceNode);
}
//給省份列表綁定事件
provinceContainer.addEventListener("change",function(){
var provinceId = this.value;
//填充省份對應的市區
for(var j = 0; j<cities.length;j++){
if(provinceId == cities[j].ProID){
var cityOption = document.createElement("option");
cityOption.innerText = cities[j].name;
cityOption.setAttribute("value",cities[j].CityID);
cityContainer.appendChild(cityOption)
}
}
})
//給市區列表綁定事件
cityContainer.addEventListener("change",function(){
var provinceId = provinceContainer.value;
var cityId = this.value;
alert(getProvinceName(provinceId)+"-"+getCityName(cityId));
})
//獲取省份名
function getProvinceName(id){
for(var i =0;i<provinces.length;i++){
if(id == provinces[i].ProID){
return provinces[i].name;
}
}
return 0;
}
//獲取市區名
function getCityName(id){
for(var i =0;i<cities.length;i++){
if(id == cities[i].CityID){
return cities[i].name;
}
}
return 0;
}
</script>
</body>
</html>
三、封裝好的省和市的json
var province = [{
"ProID": 1,
"name": "北京市",
"ProSort": 1,
"ProRemark": "直轄市"
}, {
"ProID": 2,
"name": "天津市",
"ProSort": 2,
"ProRemark": "直轄市"
}, {
"ProID": 3,
"name": "河北省",
"ProSort": 5,
"ProRemark": "省份"
}, {
"ProID": 4,
"name": "山西省",
"ProSort": 6,
"ProRemark": "省份"
}, {
"ProID": 5,
"name": "內蒙古自治區",
"ProSort": 32,
"ProRemark": "自治區"
}, {
"ProID": 6,
"name": "遼寧省",
"ProSort": 8,
"ProRemark": "省份"
}, {
"ProID": 7,
"name": "吉林省",
"ProSort": 9,
"ProRemark": "省份"
}, {
"ProID": 8,
"name": "黑龍江省",
"ProSort": 10,
"ProRemark": "省份"
}, {
"ProID": 9,
"name": "上海市",
"ProSort": 3,
"ProRemark": "直轄市"
}, {
"ProID": 10,
"name": "江蘇省",
"ProSort": 11,
"ProRemark": "省份"
}, {
"ProID": 11,
"name": "浙江省",
"ProSort": 12,
"ProRemark": "省份"
}, {
"ProID": 12,
"name": "安徽省",
"ProSort": 13,
"ProRemark": "省份"
}, {
"ProID": 13,
"name": "福建省",
"ProSort": 14,
"ProRemark": "省份"
}, {
"ProID": 14,
"name": "江西省",
"ProSort": 15,
"ProRemark": "省份"
}, {
"ProID": 15,
"name": "山東省",
"ProSort": 16,
"ProRemark": "省份"
}, {
"ProID": 16,
"name": "河南省",
"ProSort": 17,
"ProRemark": "省份"
}, {
"ProID": 17,
"name": "湖北省",
"ProSort": 18,
"ProRemark": "省份"
}, {
"ProID": 18,
"name": "湖南省",
"ProSort": 19,
"ProRemark": "省份"
}, {
"ProID": 19,
"name": "廣東省",
"ProSort": 20,
"ProRemark": "省份"
}, {
"ProID": 20,
"name": "海南省",
"ProSort": 24,
"ProRemark": "省份"
}, {
"ProID": 21,
"name": "廣西壯族自治區",
"ProSort": 28,
"ProRemark": "自治區"
}, {
"ProID": 22,
"name": "甘肅省",
"ProSort": 21,
"ProRemark": "省份"
}, {
"ProID": 23,
"name": "陜西省",
"ProSort": 27,
"ProRemark": "省份"
}, {
"ProID": 24,
"name": "新 疆維吾爾自治區",
"ProSort": 31,
"ProRemark": "自治區"
}, {
"ProID": 25,
"name": "青海省",
"ProSort": 26,
"ProRemark": "省份"
}, {
"ProID": 26,
"name": "寧夏回族自治區",
"ProSort": 30,
"ProRemark": "自治區"
}, {
"ProID": 27,
"name": "重慶市",
"ProSort": 4,
"ProRemark": "直轄市"
}, {
"ProID": 28,
"name": "四川省",
"ProSort": 22,
"ProRemark": "省份"
}, {
"ProID": 29,
"name": "貴州省",
"ProSort": 23,
"ProRemark": "省份"
}, {
"ProID": 30,
"name": "雲南省",
"ProSort": 25,
"ProRemark": "省份"
}, {
"ProID": 31,
"name": "西藏自治區",
"ProSort": 29,
"ProRemark": "自治區"
}, {
"ProID": 32,
"name": "臺灣省",
"ProSort": 7,
"ProRemark": "省份"
}, {
"ProID": 33,
"name": "澳門特別行政區",
"ProSort": 33,
"ProRemark": "特別行政區"
}, {
"ProID": 34,
"name": "香港特別行政區",
"ProSort": 34,
"ProRemark": "特別行政區"
}];
var city = [{
"CityID": 1,
"name": "北京市",
"ProID": 1,
"CitySort": 1
}, {
"CityID": 2,
"name": "天津市",
"ProID": 2,
"CitySort": 2
}, {
"CityID": 3,
"name": "上海市",
"ProID": 9,
"CitySort": 3
}, {
"CityID": 4,
"name": "重慶市",
"ProID": 27,
"CitySort": 4
}, {
"CityID": 5,
"name": "邯鄲市",
"ProID": 3,
"CitySort": 5
}, {
"CityID": 6,
"name": "石家莊市",
"ProID": 3,
"CitySort": 6
}, {
"CityID": 7,
"name": "保定市",
"ProID": 3,
"CitySort": 7
}, {
"CityID": 8,
"name": "張家口市",
"ProID": 3,
"CitySort": 8
}, {
"CityID": 9,
"name": "承德市",
"ProID": 3,
"CitySort": 9
}, {
"CityID": 10,
"name": "唐山市",
"ProID": 3,
"CitySort": 10
}, {
"CityID": 11,
"name": "廊坊市",
"ProID": 3,
"CitySort": 11
}, {
"CityID": 12,
"name": "滄州市",
"ProID": 3,
"CitySort": 12
}, {
"CityID": 13,
"name": "衡水市",
"ProID": 3,
"CitySort": 13
}, {
"CityID": 14,
"name": "邢臺市",
"ProID": 3,
"CitySort": 14
}, {
"CityID": 16,
"name": "朔州市",
"ProID": 4,
"CitySort": 16
}, {
"CityID": 17,
"name": "忻州市",
"ProID": 4,
"CitySort": 17
}, {
"CityID": 18,
"name": "太原市",
"ProID": 4,
"CitySort": 18
}, {
"CityID": 19,
"name": "大同市",
"ProID": 4,
"CitySort": 19
}, {
"CityID": 20,
"name": "陽泉市",
"ProID": 4,
"CitySort": 20
}, {
"CityID": 21,
"name": "晉中市",
"ProID": 4,
"CitySort": 21
}, {
"CityID": 22,
"name": "長治市",
"ProID": 4,
"CitySort": 22
}, {
"CityID": 23,
"name": "晉城市",
"ProID": 4,
"CitySort": 23
}, {
"CityID": 24,
"name": "臨汾市",
"ProID": 4,
"CitySort": 24
}, {
"CityID": 25,
"name": "呂梁市",
"ProID": 4,
"CitySort": 25
}, {
"CityID": 26,
"name": "運城市",
"ProID": 4,
"CitySort": 26
}, {
"CityID": 27,
"name": "沈陽市",
"ProID": 6,
"CitySort": 27
}, {
"CityID": 28,
"name": "鐵嶺市",
"ProID": 6,
"CitySort": 28
}, {
"CityID": 29,
"name": "大連市",
"ProID": 6,
"CitySort": 29
}, {
"CityID": 30,
"name": "鞍山市",
"ProID": 6,
"CitySort": 30
}, {
"CityID": 31,
"name": "撫順市",
"ProID": 6,
"CitySort": 31
}, {
"CityID": 32,
"name": "本溪市",
"ProID": 6,
"CitySort": 32
}, {
"CityID": 33,
"name": "丹東市",
"ProID": 6,
"CitySort": 33
}, {
"CityID": 34,
"name": "錦州市",
"ProID": 6,
"CitySort": 34
}, {
"CityID": 35,
"name": "營口市",
"ProID": 6,
"CitySort": 35
}, {
"CityID": 36,
"name": "阜新市",
"ProID": 6,
"CitySort": 36
}, {
"CityID": 37,
"name": "遼陽市",
"ProID": 6,
"CitySort": 37
}, {
"CityID": 38,
"name": "朝陽市",
"ProID": 6,
"CitySort": 38
}, {
"CityID": 39,
"name": "盤錦市",
"ProID": 6,
"CitySort": 39
}, {
"CityID": 40,
"name": "葫蘆島市",
"ProID": 6,
"CitySort": 40
}, {
"CityID": 41,
"name": "長春市",
"ProID": 7,
"CitySort": 41
}, {
"CityID": 42,
"name": "吉林市",
"ProID": 7,
"CitySort": 42
}, {
"CityID": 43,
"name": "延邊朝鮮族自治州",
"ProID": 7,
"CitySort": 43
}, {
"CityID": 44,
"name": "四平市",
"ProID": 7,
"CitySort": 44
}, {
"CityID": 45,
"name": "通化市",
"ProID": 7,
"CitySort": 45
}, {
"CityID": 46,
"name": "白城市",
"ProID": 7,
"CitySort": 46
}, {
"CityID": 47,
"name": "遼源市",
"ProID": 7,
"CitySort": 47
}, {
"CityID": 48,
"name": "松原市",
"ProID": 7,
"CitySort": 48
}, {
"CityID": 49,
"name": "白山市",
"ProID": 7,
"CitySort": 49
}, {
"CityID": 50,
"name": "哈爾濱市",
"ProID": 8,
"CitySort": 50
}, {
"CityID": 51,
"name": "齊齊哈爾市",
"ProID": 8,
"CitySort": 51
}, {
"CityID": 52,
"name": "雞西市",
"ProID": 8,
"CitySort": 52
}, {
"CityID": 53,
"name": "牡丹江市",
"ProID": 8,
"CitySort": 53
}, {
"CityID": 54,
"name": "七臺河市",
"ProID": 8,
"CitySort": 54
}, {
"CityID": 55,
"name": "佳木斯市",
"ProID": 8,
"CitySort": 55
}, {
"CityID": 56,
"name": "鶴崗市",
"ProID": 8,
"CitySort": 56
}, {
"CityID": 57,
"name": "雙鴨山市",
"ProID": 8,
"CitySort": 57
}, {
"CityID": 58,
"name": "綏化市",
"ProID": 8,
"CitySort": 58
}, {
"CityID": 59,
"name": "黑河市",
"ProID": 8,
"CitySort": 59
}, {
"CityID": 60,
"name": "大興安嶺地區",
"ProID": 8,
"CitySort": 60
}, {
"CityID": 61,
"name": "伊春市",
"ProID": 8,
"CitySort": 61
}, {
"CityID": 62,
"name": "大慶市",
"ProID": 8,
"CitySort": 62
}, {
"CityID": 63,
"name": "南京市",
"ProID": 10,
"CitySort": 63
}, {
"CityID": 64,
"name": "無錫市",
"ProID": 10,
"CitySort": 64
}, {
"CityID": 65,
"name": "鎮江市",
"ProID": 10,
"CitySort": 65
}, {
"CityID": 66,
"name": "蘇州市",
"ProID": 10,
"CitySort": 66
}, {
"CityID": 67,
"name": "南通市",
"ProID": 10,
"CitySort": 67
}, {
"CityID": 68,
"name": "揚州市",
"ProID": 10,
"CitySort": 68
}, {
"CityID": 69,
"name": "鹽城市",
"ProID": 10,
"CitySort": 69
}, {
"CityID": 70,
"name": "徐州市",
"ProID": 10,
"CitySort": 70
}, {
"CityID": 71,
"name": "淮安市",
"ProID": 10,
"CitySort": 71
}, {
"CityID": 72,
"name": "連雲港市",
"ProID": 10,
"CitySort": 72
}, {
"CityID": 73,
"name": "常州市",
"ProID": 10,
"CitySort": 73
}, {
"CityID": 74,
"name": "泰州市",
"ProID": 10,
"CitySort": 74
}, {
"CityID": 75,
"name": "宿遷市",
"ProID": 10,
"CitySort": 75
}, {
"CityID": 76,
"name": "舟山市",
"ProID": 11,
"CitySort": 76
}, {
"CityID": 77,
"name": "衢州市",
"ProID": 11,
"CitySort": 77
}, {
"CityID": 78,
"name": "杭州市",
"ProID": 11,
"CitySort": 78
}, {
"CityID": 79,
"name": "湖州市",
"ProID": 11,
"CitySort": 79
}, {
"CityID": 80,
"name": "嘉興市",
"ProID": 11,
"CitySort": 80
}, {
"CityID": 81,
"name": "寧波市",
"ProID": 11,
"CitySort": 81
}, {
"CityID": 82,
"name": "紹興市",
"ProID": 11,
"CitySort": 82
}, {
"CityID": 83,
"name": "溫州市",
"ProID": 11,
"CitySort": 83
}, {
"CityID": 84,
"name": "麗水市",
"ProID": 11,
"CitySort": 84
}, {
"CityID": 85,
"name": "金華市",
"ProID": 11,
"CitySort": 85
}, {
"CityID": 86,
"name": "臺州市",
"ProID": 11,
"CitySort": 86
}, {
"CityID": 87,
"name": "合肥市",
"ProID": 12,
"CitySort": 87
}, {
"CityID": 88,
"name": "蕪湖市",
"ProID": 12,
"CitySort": 88
}, {
"CityID": 89,
"name": "蚌埠市",
"ProID": 12,
"CitySort": 89
}, {
"CityID": 90,
"name": "淮南市",
"ProID": 12,
"CitySort": 90
}, {
"CityID": 91,
"name": "馬鞍山市",
"ProID": 12,
"CitySort": 91
}, {
"CityID": 92,
"name": "淮北市",
"ProID": 12,
"CitySort": 92
}, {
"CityID": 93,
"name": "銅陵市",
"ProID": 12,
"CitySort": 93
}, {
"CityID": 94,
"name": "安慶市",
"ProID": 12,
"CitySort": 94
}, {
"CityID": 95,
"name": "黃山市",
"ProID": 12,
"CitySort": 95
}, {
"CityID": 96,
"name": "滁州市",
"ProID": 12,
"CitySort": 96
}, {
"CityID": 97,
"name": "阜陽市",
"ProID": 12,
"CitySort": 97
}, {
"CityID": 98,
"name": "宿州市",
"ProID": 12,
"CitySort": 98
}, {
"CityID": 99,
"name": "巢湖市",
"ProID": 12,
"CitySort": 99
}, {
"CityID": 100,
"name": "六安市",
"ProID": 12,
"CitySort": 100
}, {
"CityID": 101,
"name": "亳州市",
"ProID": 12,
"CitySort": 101
}, {
"CityID": 102,
"name": "池州市",
"ProID": 12,
"CitySort": 102
}, {
"CityID": 103,
"name": "宣城市",
"ProID": 12,
"CitySort": 103
}, {
"CityID": 104,
"name": "福州市",
"ProID": 13,
"CitySort": 104
}, {
"CityID": 105,
"name": "廈門市",
"ProID": 13,
"CitySort": 105
}, {
"CityID": 106,
"name": "寧德市",
"ProID": 13,
"CitySort": 106
}, {
"CityID": 107,
"name": "莆田市",
"ProID": 13,
"CitySort": 107
}, {
"CityID": 108,
"name": "泉州市",
"ProID": 13,
"CitySort": 108
}, {
"CityID": 109,
"name": "漳州市",
"ProID": 13,
"CitySort": 109
}, {
"CityID": 110,
"name": "龍巖市",
"ProID": 13,
"CitySort": 110
}, {
"CityID": 111,
"name": "三明市",
"ProID": 13,
"CitySort": 111
}, {
"CityID": 112,
"name": "南平市",
"ProID": 13,
"CitySort": 112
}, {
"CityID": 113,
"name": "鷹潭市",
"ProID": 14,
"CitySort": 113
}, {
"CityID": 114,
"name": "新余市",
"ProID": 14,
"CitySort": 114
}, {
"CityID": 115,
"name": "南昌市",
"ProID": 14,
"CitySort": 115
}, {
"CityID": 116,
"name": "九江市",
"ProID": 14,
"CitySort": 116
}, {
"CityID": 117,
"name": "上饒市",
"ProID": 14,
"CitySort": 117
}, {
"CityID": 118,
"name": "撫州市",
"ProID": 14,
"CitySort": 118
}, {
"CityID": 119,
"name": "宜春市",
"ProID": 14,
"CitySort": 119
}, {
"CityID": 120,
"name": "吉安市",
"ProID": 14,
"CitySort": 120
}, {
"CityID": 121,
"name": "贛州市",
"ProID": 14,
"CitySort": 121
}, {
"CityID": 122,
"name": "景德鎮市",
"ProID": 14,
"CitySort": 122
}, {
"CityID": 123,
"name": "萍鄉市",
"ProID": 14,
"CitySort": 123
}, {
"CityID": 124,
"name": "菏澤市",
"ProID": 15,
"CitySort": 124
}, {
"CityID": 125,
"name": "濟南市",
"ProID": 15,
"CitySort": 125
}, {
"CityID": 126,
"name": "青島市",
"ProID": 15,
"CitySort": 126
}, {
"CityID": 127,
"name": "淄博市",
"ProID": 15,
"CitySort": 127
}, {
"CityID": 128,
"name": "德州市",
"ProID": 15,
"CitySort": 128
}, {
"CityID": 129,
"name": "煙臺市",
"ProID": 15,
"CitySort": 129
}, {
"CityID": 130,
"name": "濰坊市",
"ProID": 15,
"CitySort": 130
}, {
"CityID": 131,
"name": "濟寧市",
"ProID": 15,
"CitySort": 131
}, {
"CityID": 132,
"name": "泰安市",
"ProID": 15,
"CitySort": 132
}, {
"CityID": 133,
"name": "臨沂市",
"ProID": 15,
"CitySort": 133
}, {
"CityID": 134,
"name": "濱州市",
"ProID": 15,
"CitySort": 134
}, {
"CityID": 135,
"name": "東營市",
"ProID": 15,
"CitySort": 135
}, {
"CityID": 136,
"name": "威海市",
"ProID": 15,
"CitySort": 136
}, {
"CityID": 137,
"name": "棗莊市",
"ProID": 15,
"CitySort": 137
}, {
"CityID": 138,
"name": "日照市",
"ProID": 15,
"CitySort": 138
}, {
"CityID": 139,
"name": "萊蕪市",
"ProID": 15,
"CitySort": 139
}, {
"CityID": 140,
"name": "聊城市",
"ProID": 15,
"CitySort": 140
}, {
"CityID": 141,
"name": "商丘市",
"ProID": 16,
"CitySort": 141
}, {
"CityID": 142,
"name": "鄭州市",
"ProID": 16,
"CitySort": 142
}, {
"CityID": 143,
"name": "安陽市",
"ProID": 16,
"CitySort": 143
}, {
"CityID": 144,
"name": "新鄉市",
"ProID": 16,
"CitySort": 144
}, {
"CityID": 145,
"name": "許昌市",
"ProID": 16,
"CitySort": 145
}, {
"CityID": 146,
"name": "平頂山市",
"ProID": 16,
"CitySort": 146
}, {
"CityID": 147,
"name": "信陽市",
"ProID": 16,
"CitySort": 147
}, {
"CityID": 148,
"name": "南陽市",
"ProID": 16,
"CitySort": 148
}, {
"CityID": 149,
"name": "開封市",
"ProID": 16,
"CitySort": 149
}, {
"CityID": 150,
"name": "洛陽市",
"ProID": 16,
"CitySort": 150
}, {
"CityID": 151,
"name": "濟源市",
"ProID": 16,
"CitySort": 151
}, {
"CityID": 152,
"name": "焦作市",
"ProID": 16,
"CitySort": 152
}, {
"CityID": 153,
"name": "鶴壁市",
"ProID": 16,
"CitySort": 153
}, {
"CityID": 154,
"name": "濮陽市",
"ProID": 16,
"CitySort": 154
}, {
"CityID": 155,
"name": "周口市",
"ProID": 16,
"CitySort": 155
}, {
"CityID": 156,
"name": "漯河市",
"ProID": 16,
"CitySort": 156
}, {
"CityID": 157,
"name": "駐馬店市",
"ProID": 16,
"CitySort": 157
}, {
"CityID": 158,
"name": "三門峽市",
"ProID": 16,
"CitySort": 158
}, {
"CityID": 159,
"name": "武漢市",
"ProID": 17,
"CitySort": 159
}, {
"CityID": 160,
"name": "襄樊市",
"ProID": 17,
"CitySort": 160
}, {
"CityID": 161,
"name": "鄂州市",
"ProID": 17,
"CitySort": 161
}, {
"CityID": 162,
"name": "孝感市",
"ProID": 17,
"CitySort": 162
}, {
"CityID": 163,
"name": "黃岡市",
"ProID": 17,
"CitySort": 163
}, {
"CityID": 164,
"name": "黃石市",
"ProID": 17,
"CitySort": 164
}, {
"CityID": 165,
"name": "鹹寧市",
"ProID": 17,
"CitySort": 165
}, {
"CityID": 166,
"name": "荊州市",
"ProID": 17,
"CitySort": 166
}, {
"CityID": 167,
"name": "宜昌市",
"ProID": 17,
"CitySort": 167
}, {
"CityID": 168,
"name": "恩施土家族苗族自治州",
"ProID": 17,
"CitySort": 168
}, {
"CityID": 169,
"name": "神農架林區",
"ProID": 17,
"CitySort": 169
}, {
"CityID": 170,
"name": "十堰市",
"ProID": 17,
"CitySort": 170
}, {
"CityID": 171,
"name": "隨州市",
"ProID": 17,
"CitySort": 171
}, {
"CityID": 172,
"name": "荊門市",
"ProID": 17,
"CitySort": 172
}, {
"CityID": 173,
"name": "仙桃市",
"ProID": 17,
"CitySort": 173
}, {
"CityID": 174,
"name": "天門市",
"ProID": 17,
"CitySort": 174
}, {
"CityID": 175,
"name": "潛江市",
"ProID": 17,
"CitySort": 175
}, {
"CityID": 176,
"name": "嶽陽市",
"ProID": 18,
"CitySort": 176
}, {
"CityID": 177,
"name": "長沙市",
"ProID": 18,
"CitySort": 177
}, {
"CityID": 178,
"name": "湘潭市",
"ProID": 18,
"CitySort": 178
}, {
"CityID": 179,
"name": "株洲市",
"ProID": 18,
"CitySort": 179
}, {
"CityID": 180,
"name": "衡陽市",
"ProID": 18,
"CitySort": 180
}, {
"CityID": 181,
"name": "郴州市",
"ProID": 18,
"CitySort": 181
}, {
"CityID": 182,
"name": "常德市",
"ProID": 18,
"CitySort": 182
}, {
"CityID": 183,
"name": "益陽市",
"ProID": 18,
"CitySort": 183
}, {
"CityID": 184,
"name": "婁底市",
"ProID": 18,
"CitySort": 184
}, {
"CityID": 185,
"name": "邵陽市",
"ProID": 18,
"CitySort": 185
}, {
"CityID": 186,
"name": "湘西土家族苗族自治州",
"ProID": 18,
"CitySort": 186
}, {
"CityID": 187,
"name": "張家界市",
"ProID": 18,
"CitySort": 187
}, {
"CityID": 188,
"name": "懷化市",
"ProID": 18,
"CitySort": 188
}, {
"CityID": 189,
"name": "永州市",
"ProID": 18,
"CitySort": 189
}, {
"CityID": 190,
"name": "廣州市",
"ProID": 19,
"CitySort": 190
}, {
"CityID": 191,
"name": "汕尾市",
"ProID": 19,
"CitySort": 191
}, {
"CityID": 192,
"name": "陽江市",
"ProID": 19,
"CitySort": 192
}, {
"CityID": 193,
"name": "揭陽市",
"ProID": 19,
"CitySort": 193
}, {
"CityID": 194,
"name": "茂名市",
"ProID": 19,
"CitySort": 194
}, {
"CityID": 195,
"name": "惠州市",
"ProID": 19,
"CitySort": 195
}, {
"CityID": 196,
"name": "江門市",
"ProID": 19,
"CitySort": 196
}, {
"CityID": 197,
"name": "韶關市",
"ProID": 19,
"CitySort": 197
}, {
"CityID": 198,
"name": "梅州市",
"ProID": 19,
"CitySort": 198
}, {
"CityID": 199,
"name": "汕頭市",
"ProID": 19,
"CitySort": 199
}, {
"CityID": 200,
"name": "深圳市",
"ProID": 19,
"CitySort": 200
}, {
"CityID": 201,
"name": "珠海市",
"ProID": 19,
"CitySort": 201
}, {
"CityID": 202,
"name": "佛山市",
"ProID": 19,
"CitySort": 202
}, {
"CityID": 203,
"name": "肇慶市",
"ProID": 19,
"CitySort": 203
}, {
"CityID": 204,
"name": "湛江市",
"ProID": 19,
"CitySort": 204
}, {
"CityID": 205,
"name": "中山市",
"ProID": 19,
"CitySort": 205
}, {
"CityID": 206,
"name": "河源市",
"ProID": 19,
"CitySort": 206
}, {
"CityID": 207,
"name": "清遠市",
"ProID": 19,
"CitySort": 207
}, {
"CityID": 208,
"name": "雲浮市",
"ProID": 19,
"CitySort": 208
}, {
"CityID": 209,
"name": "潮州市",
"ProID": 19,
"CitySort": 209
}, {
"CityID": 210,
"name": "東莞市",
"ProID": 19,
"CitySort": 210
}, {
"CityID": 211,
"name": "蘭州市",
"ProID": 22,
"CitySort": 211
}, {
"CityID": 212,
"name": "金昌市",
"ProID": 22,
"CitySort": 212
}, {
"CityID": 213,
"name": "白銀市",
"ProID": 22,
"CitySort": 213
}, {
"CityID": 214,
"name": "天水市",
"ProID": 22,
"CitySort": 214
}, {
"CityID": 215,
"name": "嘉峪關市",
"ProID": 22,
"CitySort": 215
}, {
"CityID": 216,
"name": "武威市",
"ProID": 22,
"CitySort": 216
}, {
"CityID": 217,
"name": "張掖市",
"ProID": 22,
"CitySort": 217
}, {
"CityID": 218,
"name": "平涼市",
"ProID": 22,
"CitySort": 218
}, {
"CityID": 219,
"name": "酒泉市",
"ProID": 22,
"CitySort": 219
}, {
"CityID": 220,
"name": "慶陽市",
"ProID": 22,
"CitySort": 220
}, {
"CityID": 221,
"name": "定西市",
"ProID": 22,
"CitySort": 221
}, {
"CityID": 222,
"name": "隴南市",
"ProID": 22,
"CitySort": 222
}, {
"CityID": 223,
"name": "臨夏回族自治州",
"ProID": 22,
"CitySort": 223
}, {
"CityID": 224,
"name": "甘南藏族自治州",
"ProID": 22,
"CitySort": 224
}, {
"CityID": 225,
"name": "成都市",
"ProID": 28,
"CitySort": 225
}, {
"CityID": 226,
"name": "攀枝花市",
"ProID": 28,
"CitySort": 226
}, {
"CityID": 227,
"name": "自貢市",
"ProID": 28,
"CitySort": 227
}, {
"CityID": 228,
"name": "綿陽市",
"ProID": 28,
"CitySort": 228
}, {
"CityID": 229,
"name": "南充市",
"ProID": 28,
"CitySort": 229
}, {
"CityID": 230,
"name": "達州市",
"ProID": 28,
"CitySort": 230
}, {
"CityID": 231,
"name": "遂寧市",
"ProID": 28,
"CitySort": 231
}, {
"CityID": 232,
"name": "廣安市",
"ProID": 28,
"CitySort": 232
}, {
"CityID": 233,
"name": "巴中市",
"ProID": 28,
"CitySort": 233
}, {
"CityID": 234,
"name": "瀘州市",
"ProID": 28,
"CitySort": 234
}, {
"CityID": 235,
"name": "宜賓市",
"ProID": 28,
"CitySort": 235
}, {
"CityID": 236,
"name": "資陽市",
"ProID": 28,
"CitySort": 236
}, {
"CityID": 237,
"name": "內江市",
"ProID": 28,
"CitySort": 237
}, {
"CityID": 238,
"name": "樂山市",
"ProID": 28,
"CitySort": 238
}, {
"CityID": 239,
"name": "眉山市",
"ProID": 28,
"CitySort": 239
}, {
"CityID": 240,
"name": "涼山彜族自治州",
"ProID": 28,
"CitySort": 240
}, {
"CityID": 241,
"name": "雅安市",
"ProID": 28,
"CitySort": 241
}, {
"CityID": 242,
"name": "甘孜藏族自治州",
"ProID": 28,
"CitySort": 242
}, {
"CityID": 243,
"name": "阿壩藏族羌族自治州",
"ProID": 28,
"CitySort": 243
}, {
"CityID": 244,
"name": "德陽市",
"ProID": 28,
"CitySort": 244
}, {
"CityID": 245,
"name": "廣元市",
"ProID": 28,
"CitySort": 245
}, {
"CityID": 246,
"name": "貴陽市",
"ProID": 29,
"CitySort": 246
}, {
"CityID": 247,
"name": "遵義市",
"ProID": 29,
"CitySort": 247
}, {
"CityID": 248,
"name": "安順市",
"ProID": 29,
"CitySort": 248
}, {
"CityID": 249,
"name": "黔南布依族苗族自治州",
"ProID": 29,
"CitySort": 249
}, {
"CityID": 250,
"name": "黔東南苗族侗族自治州",
"ProID": 29,
"CitySort": 250
}, {
"CityID": 251,
"name": "銅仁地區",
"ProID": 29,
"CitySort": 251
}, {
"CityID": 252,
"name": "畢節地區",
"ProID": 29,
"CitySort": 252
}, {
"CityID": 253,
"name": "六盤水市",
"ProID": 29,
"CitySort": 253
}, {
"CityID": 254,
"name": "黔西南布依族苗族自治州",
"ProID": 29,
"CitySort": 254
}, {
"CityID": 255,
"name": "海口市",
"ProID": 20,
"CitySort": 255
}, {
"CityID": 256,
"name": "三亞市",
"ProID": 20,
"CitySort": 256
}, {
"CityID": 257,
"name": "五指山市",
"ProID": 20,
"CitySort": 257
}, {
"CityID": 258,
"name": "瓊海市",
"ProID": 20,
"CitySort": 258
}, {
"CityID": 259,
"name": "儋州市",
"ProID": 20,
"CitySort": 259
}, {
"CityID": 260,
"name": "文昌市",
"ProID": 20,
"CitySort": 260
}, {
"CityID": 261,
"name": "萬寧市",
"ProID": 20,
"CitySort": 261
}, {
"CityID": 262,
"name": "東方市",
"ProID": 20,
"CitySort": 262
}, {
"CityID": 263,
"name": "澄邁縣",
"ProID": 20,
"CitySort": 263
}, {
"CityID": 264,
"name": "定安縣",
"ProID": 20,
"CitySort": 264
}, {
"CityID": 265,
"name": "屯昌縣",
"ProID": 20,
"CitySort": 265
}, {
"CityID": 266,
"name": "臨高縣",
"ProID": 20,
"CitySort": 266
}, {
"CityID": 267,
"name": "白沙黎族自治縣",
"ProID": 20,
"CitySort": 267
}, {
"CityID": 268,
"name": "昌江黎族自治縣",
"ProID": 20,
"CitySort": 268
}, {
"CityID": 269,
"name": "樂東黎族自治縣",
"ProID": 20,
"CitySort": 269
}, {
"CityID": 270,
"name": "陵水黎族自治縣",
"ProID": 20,
"CitySort": 270
}, {
"CityID": 271,
"name": "保亭黎族苗族自治縣",
"ProID": 20,
"CitySort": 271
}, {
"CityID": 272,
"name": "瓊中黎族苗族自治縣",
"ProID": 20,
"CitySort": 272
}, {
"CityID": 273,
"name": "西雙版納傣族自治州",
"ProID": 30,
"CitySort": 273
}, {
"CityID": 274,
"name": "德宏傣族景頗族自治州",
"ProID": 30,
"CitySort": 274
}, {
"CityID": 275,
"name": "昭通市",
"ProID": 30,
"CitySort": 275
}, {
"CityID": 276,
"name": "昆明市",
"ProID": 30,
"CitySort": 276
}, {
"CityID": 277,
"name": "大理白族自治州",
"ProID": 30,
"CitySort": 277
}, {
"CityID": 278,
"name": "紅河哈尼族彜族自治州",
"ProID": 30,
"CitySort": 278
}, {
"CityID": 279,
"name": "曲靖市",
"ProID": 30,
"CitySort": 279
}, {
"CityID": 280,
"name": "保山市",
"ProID": 30,
"CitySort": 280
}, {
"CityID": 281,
"name": "文山壯族苗族自治州",
"ProID": 30,
"CitySort": 281
}, {
"CityID": 282,
"name": "玉溪市",
"ProID": 30,
"CitySort": 282
}, {
"CityID": 283,
"name": "楚雄彜族自治州",
"ProID": 30,
"CitySort": 283
}, {
"CityID": 284,
"name": "普洱市",
"ProID": 30,
"CitySort": 284
}, {
"CityID": 285,
"name": "臨滄市",
"ProID": 30,
"CitySort": 285
}, {
"CityID": 286,
"name": "怒江傈傈族自治州",
"ProID": 30,
"CitySort": 286
}, {
"CityID": 287,
"name": "迪慶藏族自治州",
"ProID": 30,
"CitySort": 287
}, {
"CityID": 288,
"name": "麗江市",
"ProID": 30,
"CitySort": 288
}, {
"CityID": 289,
"name": "海北藏族自治州",
"ProID": 25,
"CitySort": 289
}, {
"CityID": 290,
"name": "西寧市",
"ProID": 25,
"CitySort": 290
}, {
"CityID": 291,
"name": "海東地區",
"ProID": 25,
"CitySort": 291
}, {
"CityID": 292,
"name": "黃南藏族自治州",
"ProID": 25,
"CitySort": 292
}, {
"CityID": 293,
"name": "海南藏族自治州",
"ProID": 25,
"CitySort": 293
}, {
"CityID": 294,
"name": "果洛藏族自治州",
"ProID": 25,
"CitySort": 294
}, {
"CityID": 295,
"name": "玉樹藏族自治州",
"ProID": 25,
"CitySort": 295
}, {
"CityID": 296,
"name": "海西蒙古族藏族自治州",
"ProID": 25,
"CitySort": 296
}, {
"CityID": 297,
"name": "西安市",
"ProID": 23,
"CitySort": 297
}, {
"CityID": 298,
"name": "鹹陽市",
"ProID": 23,
"CitySort": 298
}, {
"CityID": 299,
"name": "延安市",
"ProID": 23,
"CitySort": 299
}, {
"CityID": 300,
"name": "榆林市",
"ProID": 23,
"CitySort": 300
}, {
"CityID": 301,
"name": "渭南市",
"ProID": 23,
"CitySort": 301
}, {
"CityID": 302,
"name": "商洛市",
"ProID": 23,
"CitySort": 302
}, {
"CityID": 303,
"name": "安康市",
"ProID": 23,
"CitySort": 303
}, {
"CityID": 304,
"name": "漢中市",
"ProID": 23,
"CitySort": 304
}, {
"CityID": 305,
"name": "寶雞市",
"ProID": 23,
"CitySort": 305
}, {
"CityID": 306,
"name": "銅川市",
"ProID": 23,
"CitySort": 306
}, {
"CityID": 307,
"name": "防城港市",
"ProID": 21,
"CitySort": 307
}, {
"CityID": 308,
"name": "南寧市",
"ProID": 21,
"CitySort": 308
}, {
"CityID": 309,
"name": "崇左市",
"ProID": 21,
"CitySort": 309
}, {
"CityID": 310,
"name": "來賓市",
"ProID": 21,
"CitySort": 310
}, {
"CityID": 311,
"name": "柳州市",
"ProID": 21,
"CitySort": 311
}, {
"CityID": 312,
"name": "桂林市",
"ProID": 21,
"CitySort": 312
}, {
"CityID": 313,
"name": "梧州市",
"ProID": 21,
"CitySort": 313
}, {
"CityID": 314,
"name": "賀州市",
"ProID": 21,
"CitySort": 314
}, {
"CityID": 315,
"name": "貴港市",
"ProID": 21,
"CitySort": 315
}, {
"CityID": 316,
"name": "玉林市",
"ProID": 21,
"CitySort": 316
}, {
"CityID": 317,
"name": "百色市",
"ProID": 21,
"CitySort": 317
}, {
"CityID": 318,
"name": "欽州市",
"ProID": 21,
"CitySort": 318
}, {
"CityID": 319,
"name": "河池市",
"ProID": 21,
"CitySort": 319
}, {
"CityID": 320,
"name": "北海市",
"ProID": 21,
"CitySort": 320
}, {
"CityID": 321,
"name": "拉薩市",
"ProID": 31,
"CitySort": 321
}, {
"CityID": 322,
"name": "日喀則地區",
"ProID": 31,
"CitySort": 322
}, {
"CityID": 323,
"name": "山南地區",
"ProID": 31,
"CitySort": 323
}, {
"CityID": 324,
"name": "林芝地區",
"ProID": 31,
"CitySort": 324
}, {
"CityID": 325,
"name": "昌都地區",
"ProID": 31,
"CitySort": 325
}, {
"CityID": 326,
"name": "那曲地區",
"ProID": 31,
"CitySort": 326
}, {
"CityID": 327,
"name": "阿裏地區",
"ProID": 31,
"CitySort": 327
}, {
"CityID": 328,
"name": "銀川市",
"ProID": 26,
"CitySort": 328
}, {
"CityID": 329,
"name": "石嘴山市",
"ProID": 26,
"CitySort": 329
}, {
"CityID": 330,
"name": "吳忠市",
"ProID": 26,
"CitySort": 330
}, {
"CityID": 331,
"name": "固原市",
"ProID": 26,
"CitySort": 331
}, {
"CityID": 332,
"name": "中衛市",
"ProID": 26,
"CitySort": 332
}, {
"CityID": 333,
"name": "塔城地區",
"ProID": 24,
"CitySort": 333
}, {
"CityID": 334,
"name": "哈密地區",
"ProID": 24,
"CitySort": 334
}, {
"CityID": 335,
"name": "和田地區",
"ProID": 24,
"CitySort": 335
}, {
"CityID": 336,
"name": "阿勒泰地區",
"ProID": 24,
"CitySort": 336
}, {
"CityID": 337,
"name": "克孜勒蘇柯爾克孜自治州",
"ProID": 24,
"CitySort": 337
}, {
"CityID": 338,
"name": "博爾塔拉蒙古自治州",
"ProID": 24,
"CitySort": 338
}, {
"CityID": 339,
"name": "克拉瑪依市",
"ProID": 24,
"CitySort": 339
}, {
"CityID": 340,
"name": "烏魯木齊市",
"ProID": 24,
"CitySort": 340
}, {
"CityID": 341,
"name": "石河子市",
"ProID": 24,
"CitySort": 341
}, {
"CityID": 342,
"name": "昌吉回族自治州",
"ProID": 24,
"CitySort": 342
}, {
"CityID": 343,
"name": "五家渠市",
"ProID": 24,
"CitySort": 343
}, {
"CityID": 344,
"name": "吐魯番地區",
"ProID": 24,
"CitySort": 344
}, {
"CityID": 345,
"name": "巴音郭楞蒙古自治州",
"ProID": 24,
"CitySort": 345
}, {
"CityID": 346,
"name": "阿克蘇地區",
"ProID": 24,
"CitySort": 346
}, {
"CityID": 347,
"name": "阿拉爾市",
"ProID": 24,
"CitySort": 347
}, {
"CityID": 348,
"name": "喀什地區",
"ProID": 24,
"CitySort": 348
}, {
"CityID": 349,
"name": "圖木舒克市",
"ProID": 24,
"CitySort": 349
}, {
"CityID": 350,
"name": "伊犁哈薩克自治州",
"ProID": 24,
"CitySort": 350
}, {
"CityID": 351,
"name": "呼倫貝爾市",
"ProID": 5,
"CitySort": 351
}, {
"CityID": 352,
"name": "呼和浩特市",
"ProID": 5,
"CitySort": 352
}, {
"CityID": 353,
"name": "包頭市",
"ProID": 5,
"CitySort": 353
}, {
"CityID": 354,
"name": "烏海市",
"ProID": 5,
"CitySort": 354
}, {
"CityID": 355,
"name": "烏蘭察布市",
"ProID": 5,
"CitySort": 355
}, {
"CityID": 356,
"name": "通遼市",
"ProID": 5,
"CitySort": 356
}, {
"CityID": 357,
"name": "赤峰市",
"ProID": 5,
"CitySort": 357
}, {
"CityID": 358,
"name": "鄂爾多斯市",
"ProID": 5,
"CitySort": 358
}, {
"CityID": 359,
"name": "巴彥淖爾市",
"ProID": 5,
"CitySort": 359
}, {
"CityID": 360,
"name": "錫林郭勒盟",
"ProID": 5,
"CitySort": 360
}, {
"CityID": 361,
"name": "興安盟",
"ProID": 5,
"CitySort": 361
}, {
"CityID": 362,
"name": "阿拉善盟",
"ProID": 5,
"CitySort": 362
}, {
"CityID": 363,
"name": "臺北市",
"ProID": 32,
"CitySort": 363
}, {
"CityID": 364,
"name": "高雄市",
"ProID": 32,
"CitySort": 364
}, {
"CityID": 365,
"name": "基隆市",
"ProID": 32,
"CitySort": 365
}, {
"CityID": 366,
"name": "臺中市",
"ProID": 32,
"CitySort": 366
}, {
"CityID": 367,
"name": "臺南市",
"ProID": 32,
"CitySort": 367
}, {
"CityID": 368,
"name": "新竹市",
"ProID": 32,
"CitySort": 368
}, {
"CityID": 369,
"name": "嘉義市",
"ProID": 32,
"CitySort": 369
}, {
"CityID": 370,
"name": "澳門特別行政區",
"ProID": 33,
"CitySort": 370
}, {
"CityID": 371,
"name": "香港特別行政區",
"ProID": 34,
"CitySort": 371
}];
window.sessionStorage.setItem("Province",JSON.stringify(province));
window.sessionStorage.setItem("City",JSON.stringify(city));
Javascript----生成省-市下拉表單