<select id="pro" name="pro" style="width:90px;"></select>

<select id="city" name="city" style="width: 90px"></select>

$._cityInfo = [{"n":"北京市","c":["北京市"]},

{"n":"天津市","c":["天津市"]},

{"n":"上海市","c":["上海市"]},

{"n":"重慶市","c":["重慶市"]},

{"n":"河北省","c":["石家莊市","唐山市","秦皇島市","邯鄲市","邢臺市","保定市","張家口市","承德市","滄州市","廊坊市","衡水市"]},

{"n":"山西省","c":["太原市","大同市","陽泉市","長治市","晉城市","朔州市","晉中市","運城市","忻州市","臨汾市","呂梁市"]},

{"n":"臺灣省","c":["臺北市","高雄市","基隆市","臺中市","臺南市","新竹市","嘉義市","臺北縣","宜蘭縣","桃園縣","新竹縣","苗栗縣","臺中縣","彰化縣","南投縣","云林縣","嘉義縣","臺南縣","高雄縣","屏東縣","澎湖縣","臺東縣","花蓮縣"]},

{"n":"遼寧省","c":["沈陽市","大連市","鞍山市","撫順市","本溪市","丹東市","錦州市","營口市","阜新市","遼陽市","盤錦市","鐵嶺市","朝陽市","葫蘆島市"]},

{"n":"吉林省","c":["長春市","吉林市","四平市","遼源市","通化市","白山市","松原市","白城市","延邊朝鮮族自治州"]},

{"n":"黑龍江省","c":["哈爾濱市","齊齊哈爾市","鶴崗市","雙鴨山市","雞西市","大慶市","伊春市","牡丹江市","佳木斯市","七臺河市","黑河市","綏化市","大興安嶺地區"]},

{"n":"江蘇省","c":["南京市","無錫市","徐州市","常州市","蘇州市","南通市","連云港市","淮安市","鹽城市","揚州市","鎮江市","泰州市","宿遷市"]},

{"n":"浙江省","c":["杭州市","寧波市","溫州市","嘉興市","湖州市","紹興市","金華市","衢州市","舟山市","臺州市","麗水市"]},

{"n":"安徽省","c":["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"]},

{"n":"福建省","c":["福州市","廈門市","莆田市","三明市","泉州市","漳州市","南平市","龍巖市","寧德市"]},

{"n":"江西省","c":["南昌市","景德鎮市","萍鄉市","九江市","新余市","鷹潭市","贛州市","吉安市","宜春市","撫州市","上饒市"]},

{"n":"山東省","c":["濟南市","青島市","淄博市","棗莊市","東營市","煙臺市","濰坊市","濟寧市","泰安市","威海市","日照市","萊蕪市","臨沂市","德州市","聊城市","濱州市","荷澤市"]},

{"n":"河南省","c":["鄭州市","開封市","洛陽市","平頂山市","安陽市","鶴壁市","新鄉市","焦作市","濮陽市","許昌市","漯河市","三門峽市","南陽市","商丘市","信陽市","周口市","駐馬店市"]},

{"n":"湖北省","c":["武漢市","黃石市","十堰市","宜昌市","襄樊市","鄂州市","荊門市","孝感市","荊州市","黃岡市","咸寧市","隨州市","恩施土家族苗族自治州","仙桃市","潛江市","天門市","神農架林區"]},

{"n":"湖南省","c":["長沙市","株洲市","湘潭市","衡陽市","邵陽市","岳陽市","常德市","張家界市","益陽市","郴州市","永州市","懷化市","婁底市","湘西土家族苗族自治州"]},

{"n":"廣東省","c":["廣州市","深圳市","珠海市","汕頭市","韶關市","佛山市","江門市","湛江市","茂名市","肇慶市","惠州市","梅州市","汕尾市","河源市","陽江市","清遠市","東莞市","中山市","潮州市","揭陽市","云浮市"]},

{"n":"甘肅省","c":["蘭州市","金昌市","白銀市","天水市","嘉峪關市","武威市","張掖市","平涼市","酒泉市","慶陽市","定西市","隴南市","臨夏回族自治州","甘南藏族自治州"]},

{"n":"四川省","c":["成都市","自貢市","攀枝花市","瀘州市","德陽市","綿陽市","廣元市","遂寧市","內江市","樂山市","南充市","眉山市","宜賓市","廣安市","達州市","雅安市","巴中市","資陽市","阿壩藏族羌族自治州","甘孜藏族自治州","涼山彝族自治州"]},

{"n":"貴州省","c":["貴陽市","六盤水市","遵義市","安順市","銅仁地區","畢節地區","黔西南布依族苗族自治州","黔東南苗族侗族自治州","黔南布依族苗族自治州"]},

{"n":"海南省","c":["海口市","三亞市","五指山市","瓊海市","儋州市","文昌市","萬寧市","東方市","澄邁縣","定安縣","屯昌縣","臨高縣","白沙黎族自治縣","昌江黎族自治縣","樂東黎族自治縣","陵水黎族自治縣","保亭黎族苗族自治縣","瓊中黎族苗族自治縣"]},

{"n":"云南省","c":["昆明市","曲靖市","玉溪市","保山市","昭通市","麗江市","思茅市","臨滄市","楚雄彝族自治州","紅河哈尼族彝族自治州","文山壯族苗族自治州","西雙版納傣族自治州","大理白族自治州","德宏傣族景頗族自治州","怒江傈僳族自治州","迪慶藏族自治州"]},

{"n":"青海省","c":["西寧市","海東地區","海北藏族自治州","黃南藏族自治州","海南藏族自治州","果洛藏族自治州","玉樹藏族自治州","海西蒙古族藏族自治州"]},

{"n":"陜西省","c":["西安市","銅川市","寶雞市","咸陽市","渭南市","延安市","漢中市","榆林市","安康市","商洛市"]},

{"n":"廣西壯族自治區","c":["南寧市","柳州市","桂林市","梧州市","北海市","防城港市","欽州市","貴港市","玉林市","百色市","賀州市","河池市","來賓市","崇左市"]},

{"n":"西藏自治區","c":["拉薩市","昌都地區","山南地區","日喀則地區","那曲地區","阿里地區","林芝地區"]},

{"n":"寧夏回族自治區","c":["銀川市","石嘴山市","吳忠市","固原市","中衛市"]}];

$.initProv = function(prov, city, defaultProv, defaultCity) {

? ? var provEl = $(prov);

? ? var cityEl = $(city);

? ? var hasDefaultProv = (typeof(defaultCity) != 'undefined');

? ??

? ? var provHtml = '';

? ??

? ?// provHtml += '<option value="-1">請選擇</option>';

? ? for(var i = 0; i < $._cityInfo.length; i++) {

? ? ? ? provHtml += '<option value="' + i + '"' + ((hasDefaultProv && $._cityInfo[i].n == defaultProv) ? ' selected="selected"' : '') + '>' + $._cityInfo[i].n + '</option>';

? ? }

? ? provEl.html(provHtml);

? ? $.initCities(provEl, cityEl, defaultCity);

? ? provEl.change(function() {

? ? ? ? $.initCities(provEl, cityEl);

? ? });

};

$.initCities = function(provEl, cityEl, defaultCity) {

? ? var hasDefaultCity = (typeof(defaultCity) != 'undefined');

? ? //alert(provEl.attr("name"))

? ? if(provEl.val() != '' && parseInt(provEl.val()) >= 0) {

? ? ? ? var cities = $._cityInfo[parseInt(provEl.val())].c;

? ? ? ? var cityHtml = '';

? ? ? ??

? ? ? ? //cityHtml += '<option value="'+cities[0]+'">'+cities[0]+'</option>';

? ? ? ? for(var i = 0; i < cities.length; i++) {

? ? ? ? ? ? cityHtml += '<option value="' + cities[i] + '"' + ((hasDefaultCity && cities[i] == defaultCity) ? ' selected="selected"' : '') + '>' + cities[i] + '</option>';

? ? ? ? }

? ? ? ? cityEl.html(cityHtml);

? ? } else {

? ? ? ? cityEl.html('<option value="-1">請先選擇</option>');

? ? }

};

總結

以上是生活随笔為你收集整理的jquery实现二级联动不与数据库交互的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。