資訊專欄INFORMATION COLUMN
摘要：說(shuō)明根據(jù)選擇的省名，自動(dòng)調(diào)用數(shù)據(jù)庫(kù)中的記錄，在指定的元素中填充相應(yīng)的城市名。
說(shuō)明：根據(jù)選擇的省名，自動(dòng)調(diào)用數(shù)據(jù)庫(kù)中的記錄，在指定的select元素中填充相應(yīng)的城市名。城市數(shù)據(jù)庫(kù)也一并附上。
var address={"上海":["上海市"],"江蘇":["南京市", "無(wú)錫市", "徐州市", "常州市", "蘇州市", "南通市", "連云港市", "淮安市", "鹽城市", "揚(yáng)州市", "鎮(zhèn)江市", "泰州市", "宿遷市"],"浙江":["杭州市", "寧波市", "溫州市", "嘉興市", "湖州市", "紹興市", "金華市", "衢州市", "舟山市", "臺(tái)州市", "麗水市"],"安徽":["合肥市", "蕪湖市", "蚌埠市", "淮南市", "馬鞍山市", "淮北市", "銅陵市", "安慶市", "黃山市", "滁州市", "阜陽(yáng)市", "宿州市", "巢湖市", "六安市", "亳州市", "池州市", "宣城市"],"福建":["福州市", "廈門(mén)市", "莆田市", "三明市", "泉州市", "漳州市", "南平市", "龍巖市", "寧德市"],"北京":["北京市"],"天津":["天津市"],"廣東":["廣州市", "韶關(guān)市", "深圳市", "珠海市", "汕頭市", "佛山市", "江門(mén)市", "湛江市", "茂名市", "肇慶市", "惠州市", "梅州市", "汕尾市", "河源市", "陽(yáng)江市", "清遠(yuǎn)市", "東莞市", "中山市", "潮州市", "揭陽(yáng)市", "云浮市"],"廣西":["南寧市", "柳州市", "桂林市", "梧州市", "北海市", "防城港市", "欽州市", "貴港市", "玉林市", "百色市", "賀州市", "河池市", "來(lái)賓市", "崇左市"],"云南":["昆明市", "曲靖市", "玉溪市", "保山市", "昭通市", "麗江市", "思茅市", "臨滄市", "楚雄彝族自治州", "紅河哈尼族彝族自治州", "文山壯族苗族自治州", "西雙版納傣族自治州", "大理白族自治州", "德宏傣族景頗族自治州", "怒江傈僳族自治州", "迪慶藏族自治州"],"貴州":["貴陽(yáng)市", "六盤(pán)水市", "遵義市", "安順市", "銅仁地區(qū)", "畢節(jié)地區(qū)", "黔西南布依族苗族自治州", "黔東南苗族侗族自治州", "黔南布依族苗族自治州"],"四川":["成都市", "自貢市", "攀枝花市", "瀘州市", "德陽(yáng)市", "綿陽(yáng)市", "廣元市", "遂寧市", "內(nèi)江市", "樂(lè)山市", "南充市", "眉山市", "宜賓市", "廣安市", "達(dá)州市", "雅安市", "巴中市", "資陽(yáng)市", "阿壩藏族羌族自治州", "甘孜藏族自治州", "涼山彝族自治州"],"內(nèi)蒙古":["呼和浩特市", "包頭市", "烏海市", "赤峰市", "通遼市", "鄂爾多斯市", "呼倫貝爾市", "巴彥淖爾市", "烏蘭察布市", "興安盟", "錫林郭勒盟", "阿拉善盟"],"寧夏":["銀川市", "石嘴山市", "吳忠市", "固原市", "中衛(wèi)市"],"甘肅":["蘭州市", "嘉峪關(guān)市", "金昌市", "白銀市", "天水市", "武威市", "張掖市", "平?jīng)鍪?, "酒泉市", "慶陽(yáng)市", "定西市", "隴南市", "臨夏回族自治州", "甘南藏族自治州"],"重慶":["重慶市"],"江西":["南昌市", "景德鎮(zhèn)市", "萍鄉(xiāng)市", "九江市", "新余市", "鷹潭市", "贛州市", "吉安市", "宜春市", "撫州市", "上饒市"],"黑龍江":["哈爾濱市", "齊齊哈爾市", "雞西市", "鶴崗市", "雙鴨山市", "大慶市", "伊春市", "佳木斯市", "七臺(tái)河市", "牡丹江市", "黑河市", "綏化市", "大興安嶺地區(qū)"],"吉林":["長(zhǎng)春市", "吉林市", "四平市", "遼源市", "通化市", "白山市", "松原市", "白城市", "延邊朝鮮族自治州"],"遼寧":["沈陽(yáng)市", "大連市", "鞍山市", "撫順市", "本溪市", "丹東市", "錦州市", "營(yíng)口市", "阜新市", "遼陽(yáng)市", "", "盤(pán)錦市", "鐵嶺市", "朝陽(yáng)市", "葫蘆島市"],"山東":["濟(jì)南市", "青島市", "淄博市", "棗莊市", "東營(yíng)市", "煙臺(tái)市", "濰坊市", "", "濟(jì)寧市", "泰安市", "威海市", "日照市", "萊蕪市", "臨沂市", "德州市", "聊城市", "濱州市", "菏澤市"],"山西":["太原市", "大同市", "陽(yáng)泉市", "長(zhǎng)治市", "晉城市", "朔州市", "晉中市", "運(yùn)城市", "忻州市", "臨汾市", "呂梁市"],"陜西":["西安市", "銅川市", "寶雞市", "咸陽(yáng)市", "渭南市", "延安市", "漢中市", "榆林市", "安康市", "商洛市"],"河北":["石家莊市", "唐山市", "秦皇島市", "邯鄲市", "邢臺(tái)市", "保定市", "張家口市", "承德市", "滄州市", "廊坊市", "衡水市"],"河南":["鄭州市", "開(kāi)封市", "洛陽(yáng)市", "平頂山市", "安陽(yáng)市", "鶴壁市", "新鄉(xiāng)市", "焦作市", "濟(jì)源市", "濮陽(yáng)市許昌市", "漯河市", "三門(mén)峽市", "南陽(yáng)市", "商丘市", "信陽(yáng)市", "周口市", "駐馬店市"],"湖北":["武漢市", "黃石市", "十堰市", "宜昌市", "襄樊市", "鄂州市", "荊門(mén)市", "孝感市", "荊州市", "黃岡市", "", "咸寧市", "隨州市", "恩施土家族苗族自治州", "仙桃市", "潛江市", "天門(mén)市", "神農(nóng)架林區(qū)"],"湖南":["長(zhǎng)沙市", "株洲市", "湘潭市", "衡陽(yáng)市", "邵陽(yáng)市", "岳陽(yáng)市", "常德市", "張家界市", "益陽(yáng)市", "郴州市", "永州市", "懷化市", "婁底市", "湘西土家族苗族自治州"],"海南":["?？谑?, "三亞市", "五指山市", "瓊海市", "儋州市", "文昌市", "萬(wàn)寧市", "東方市", "定安縣", "屯昌縣澄邁縣", "臨高縣", "白沙黎族自治縣", "昌江黎族自治縣", "樂(lè)東黎族自治縣", "陵水黎族自治縣", "保亭黎族苗族自治縣", "瓊中黎族苗族自治縣"],};
(function($) {
$(document).ready(function() {
var $provinceList=$("#province"),$cityList=$("#city"),provinceHTML="";
for(province in address){
var html="";
provinceHTML+=html;
}
$provinceList.html(provinceHTML);
$provinceList.on("click",function() {
var province=$(this).val(),cityHTML="";
for(city in address[province]){
var html="";
cityHTML+=html;
}
$cityList.html(cityHTML);
})
$provinceList.triggerHandler("click");
})
})(jQuery)
需要改進(jìn)的地方
沒(méi)有對(duì)blur事件做出相應(yīng)(triggerHandler(click)函數(shù)無(wú)效)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79606.html
摘要：優(yōu)惠券選擇器優(yōu)惠券選擇器提供了優(yōu)惠券單元格和優(yōu)惠券選擇功能。優(yōu)惠券單元格只需傳入優(yōu)惠券列表和當(dāng)前使用的優(yōu)惠券即可正確展示。使用參數(shù)可以控制優(yōu)惠券單元格是否展示右側(cè)箭頭，這個(gè)可以用于提醒用戶能否切換優(yōu)惠券。 Vant ( ?v?nt ) 是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù)，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。通過(guò) Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面，提升開(kāi)發(fā)效...
摘要：是有贊端規(guī)范的實(shí)現(xiàn)版本，提供了一整套基礎(chǔ)的組件以及常用的業(yè)務(wù)組件。目前我們有組件，其中包括以及等實(shí)用的業(yè)務(wù)組件。一套有贊設(shè)計(jì)師繪制的圖標(biāo)庫(kù)。為了解決這些問(wèn)題，提供了一套自己的時(shí)間選擇組件，包括日期選擇周選擇組件月選擇以及時(shí)間區(qū)間選擇。 Zent ( ?zent ) 是有贊 PC 端 Web UI 規(guī)范的 React 實(shí)現(xiàn)版本，提供了一整套基礎(chǔ)的 UI 組件以及常用的__業(yè)務(wù)組件__。通...
摘要：返回包含帶有指定標(biāo)簽名稱的所有元素的節(jié)點(diǎn)列表集合節(jié)點(diǎn)數(shù)組。增加節(jié)點(diǎn)創(chuàng)建屬性節(jié)點(diǎn)。刪除節(jié)點(diǎn)刪除子節(jié)點(diǎn)。 今日任務(wù) 使用JS完成頁(yè)面定時(shí)彈出廣告 使用JS完成表單的校驗(yàn) 使用JS完成表格的隔行換色 使用JS完成復(fù)選框的全選效果 使用JS完成省市的聯(lián)動(dòng)效果 JS控制下拉列表左右選擇 教學(xué)導(dǎo)航 掌握J(rèn)S中的BOM對(duì)象 掌握J(rèn)S中的常用事件 掌握J(rèn)S中的常用DOM操作 了解JS中的內(nèi)置對(duì)象 ...
摘要：返回包含帶有指定標(biāo)簽名稱的所有元素的節(jié)點(diǎn)列表集合節(jié)點(diǎn)數(shù)組。增加節(jié)點(diǎn)創(chuàng)建屬性節(jié)點(diǎn)。刪除節(jié)點(diǎn)刪除子節(jié)點(diǎn)。 今日任務(wù) 使用JS完成頁(yè)面定時(shí)彈出廣告 使用JS完成表單的校驗(yàn) 使用JS完成表格的隔行換色 使用JS完成復(fù)選框的全選效果 使用JS完成省市的聯(lián)動(dòng)效果 JS控制下拉列表左右選擇 教學(xué)導(dǎo)航 掌握J(rèn)S中的BOM對(duì)象 掌握J(rèn)S中的常用事件 掌握J(rèn)S中的常用DOM操作 了解JS中的內(nèi)置對(duì)象 ...
摘要：返回包含帶有指定標(biāo)簽名稱的所有元素的節(jié)點(diǎn)列表集合節(jié)點(diǎn)數(shù)組。增加節(jié)點(diǎn)創(chuàng)建屬性節(jié)點(diǎn)。刪除節(jié)點(diǎn)刪除子節(jié)點(diǎn)。 今日任務(wù) 使用JS完成頁(yè)面定時(shí)彈出廣告 使用JS完成表單的校驗(yàn) 使用JS完成表格的隔行換色 使用JS完成復(fù)選框的全選效果 使用JS完成省市的聯(lián)動(dòng)效果 JS控制下拉列表左右選擇 教學(xué)導(dǎo)航 掌握J(rèn)S中的BOM對(duì)象 掌握J(rèn)S中的常用事件 掌握J(rèn)S中的常用DOM操作 了解JS中的內(nèi)置對(duì)象 ...
閱讀 2992·2023-04-26 02:25
閱讀 2264·2023-04-25 18:05
閱讀 655·2021-09-30 09:57
閱讀 2950·2021-09-27 14:10
閱讀 1661·2019-08-30 15:44
閱讀 1011·2019-08-29 15:28
閱讀 2537·2019-08-29 14:10
閱讀 2268·2019-08-29 13:30
