/*
 * @Param z:String  select標簽的data-province屬性值 
 * @Param c:String  select標簽的 data-city屬性值  
 * */
window.onload=function(){
(function(z, c) {
    var clist = {
        p: ["請選擇", "北京", "上海", "天津", "重慶", "山東", "河南", "湖北", "湖南", "廣東", "河北", "山西", "遼寧", "吉林", "內蒙古", "黑龍江", "江蘇", "浙江", "安微", "福建", "江西", "四川", "貴州", "雲南", "陜西", "甘肅", "青海", "廣西", "西藏", "寧夏", "新疆", "海南", "香港", "澳門", "臺灣"],
        c: [[], 
            [
 
"", "東城", "西城", "海澱", "朝陽", "豐臺", "石景山", "通州", "順義", "房山", "大興", "昌平", "懷柔", "平谷", "門頭溝", "密雲", "延慶"], 
            ["", "黃浦", "浦東", "徐匯", "長寧", "靜安", "普陀", "閘北", "虹口", "楊浦", "閔行", "寶山", "嘉定", "金山", "松江", "青浦", "奉賢", "崇明"], 
            ["", "和平", "河西", "南開", "河東", "河北", "紅橋", "東麗", "津南", "西青", "北辰", "濱海新區"], 
            [
 
"", "萬州", "黔江", "涪陵", "渝中", "大渡口", "江北", "沙坪壩", "九龍陂", "南岸", "北碚", "渝北", "巴南", "長區", "江津", "合川", "永川", "南川", "綦江", "大足", "銅梁"], 
            ["", "濟南", "青島", "淄博", "棗莊", "東營", "煙臺", "濰坊", "濟寧", "泰安", "威海", "日照", "濱州", "德州", "聊城", "臨沂", "菏澤", "萊蕪"], 
            ["", "鄭州", "開封", "洛陽", "平頂山", "安陽", "鶴壁", "新鄉", "焦作", "濮陽", "許昌", "漯河", "三門峽", "商丘", "周口", "駐馬店", "南陽", "信陽", "濟源"], 
            [
 
"", "武漢", "黃石", "十堰", "荊州", "宜昌", "襄陽", "鄂州", "荊門", "黃岡", "孝感", "鹹寧", "仙桃", "潛江", "恩施", "神農架", "天門", "隨州"], 
            ["", "長沙", "株洲", "湘潭", "衡陽", "邵陽", "嶽陽", "常德", "張家界", "益陽", "婁底", "郴州", "永州", "懷化", "湘西"], 
            ["", "廣州", "深圳", "珠海", "汕頭", "佛山", "東莞", "中山", "潮州", "惠州", "湛江", "肇慶", "江門", "茂名", "韶關", "揭陽", "雲浮", "梅州", "汕尾", "河源", "陽江", "清遠"],
            ["", "石家莊", "保定", "滄州", "衡水", "邢臺", "邯鄲", "張家口", "廊坊", "唐山", "秦皇島", "承德"], 
            ["", "太原", "大同", "陽泉", "長治", "晉城", "朔州", "晉中", "運城", "忻州", "臨汾", "呂梁"], 
            ["", "沈陽", "大連", "鞍山", "撫順", "本溪", "丹東", "錦州", "營口", "阜新", "遼陽", "盤錦", "鐵嶺", "朝陽", "葫蘆島"], 
            ["", "長春", "吉林", "四平", "遼源", "通化", "白山", "白城", "松原", "延邊", "長白山", "梅河口", "公主嶺"], 
            ["", "呼和浩特", "包頭", "烏海", "赤峰", "通遼", "鄂爾多斯", "呼倫貝爾", "巴彥淖爾", "烏蘭察布", "興安盟", "錫林郭勒", "阿拉善"], 
            ["", "哈爾濱", "齊齊哈爾", "雞西", "鶴崗", "雙鴨山", "大慶", "伊春", "佳木斯", "七臺河", "牡丹江", "黑河", "綏化", "大興安嶺"], 
            ["", "南京", "無錫", "徐州", "常州", "蘇州", "南通", "連雲港", "淮安", "鹽城", "揚州", "鎮江", "秦州", "宿州"], 
            ["", "杭州", "寧波", "溫州", "紹興", "湖州", "嘉興", "金華", "衢州", "舟山", "臺州", "麗水"], 
            ["", "合肥", "蕪湖", "蚌埠", "馬鞍山", "宿州", "安慶", "淮南", "銅陵", "黃山", "宣城", "池州", "滁州", "淮北", "阜陽", "六安", "毫州"], 
            ["", "福州", "廈門", "漳州", "泉州", "三明", "莆田", "南平", "龍巖", "寧德", "平潭"], 
            ["", "南昌", "九江", "上饒", "撫州", "宜春", "吉安", "贛州", "景德鎮", "萍鄉", "新余", "鷹潭"], 
            ["", "成都", "綿陽", "自貢", "攀枝花", "瀘州", "德陽", "廣元", "遂寧", "內江", "樂山", "資陽", "宜賓", "南充", "達州", "雅安", "阿壩", "甘孜", "涼山", "廣安", "巴中", "眉山"], 
            ["", "貴陽", "六盤水", "遵義", "銅仁", "黔西", "畢節", "安順", "黔東", "黔南"], 
            ["", "昆明", "曲靖", "玉溪", "保山", "昭通", "麗江", "普洱", "臨滄", "德宏", "怒江", "迪慶", "大理", "楚雄", "紅河", "文山", "西雙版納"], 
            ["", "西安", "寶雞", "鹹陽", "渭南", "銅川", "治中", "安康", "商洛", "榆林", "延安", "漢中", "楊陵"], 
            ["", "蘭州", "嘉峪關", "金昌", "白銀", "天水", "酒泉", "張掖", "武威", "定西", "隴南", "平涼", "慶陽", "臨夏", "甘南"], 
            ["", "西寧", "海東", "海北", "黃南", "海南", "果洛", "玉樹", "海西"], 
            ["", "南寧", "柳州", "桂林", "梧州", "北海", "防城港", "欽州", "貴港", "玉林", "百色", "賀州", "河池", "來賓", "崇左"], 
            ["", "拉薩", "昌都", "日喀則", "山南", "那曲", "阿裏", "林芝"], ["", "銀川", "石嘴山", "吳忠市", "固原市", "中衛"], 
            ["", "烏魯木齊", "克拉瑪依", "吐魯番", "哈密", "昌吉", "博爾塔", "巴音郭楞", "阿克蘇", "克孜勒蘇柯爾克", "喀什", "和田", "伊犁", "塔城", "阿勒泰", "石河子", "阿拉爾", "圖木舒克", "五家渠", "北屯", "鐵門關", "雙河市"], 
            ["", "海口", "三亞", "三沙"], 
            ["", "中西區", "灣仔區", "東區", "南區", "油尖旺", "深水埗", "九龍城", "黃大仙", "觀塘", "葵青", "荃灣", "屯門", "元朗", "北區", "大埔", "沙田", "西貢", "離島"], 
            ["", "花地瑪堂", "聖安多尼堂", "大堂", "望德堂", "風順堂", "嘉模堂", "聖方濟各堂"], ["", "臺北", "新北", "桃園", "臺中", "臺南", "高雄", "基隆", "新竹", "嘉義"]
        ]
    };
    var all = document.body.getElementsByTagName("select");
    var ps, cs, j;
    for (j = 0; j < all.length; j++) {
        if (getAttr(all[j], "data-province") === z) {
            ps = all[j]
        }
        if (getAttr(all[j], "data-city") === c) {
            cs = all[j]
        }
    }
    function getAttr(obj, attr) {
        return obj.getAttribute(attr)
    }
    pL = clist.p.length,
    i = 0;
    for (i = 0; i < pL; i++) {
        var province = document.createElement("option");
        province.value = clist.p[i];
        province.innerHTML = clist.p[i];
        ps.appendChild(province)
    }
    ps.onfocus = function() {
        cs.innerHTML = ""
    };
    ps.onblur = function() {
        var n = ps.selectedIndex,
        s = 0;
        for (s = 0; s < clist.c[n].length; s++) {
            var city = document.createElement("option");
            city.value = clist.c[n][s];
            city.innerHTML = clist.c[n][s];
            cs.appendChild(city)
        }
    }
})("province", "city");
}
/*        <select name="" data-province="province"></select>
        <select name="" data-city="city"></select>*/

省市二級聯動基礎數據