-//W3C//DTD HTML 4.01 Transitional//EN”

“;>

$(document).ready(function(){

//省份城市數(shù)組

var fujian_city = new Array(‘福州’,’漳州’,’廈門’,’龍巖’,’泉州’,’南平’,’莆田’,’寧德’,’三明’);

var guangdong_city = new Array(‘廣州’,’深圳’,’東莞’,’潮州’,’河源’,’汕頭’,’珠海’,’佛山’,’肇慶’,’韶關(guān)’);

//城市下屬區(qū)縣數(shù)組

var fuzhou_county = new Array(‘鼓樓區(qū)’,’臺江區(qū)’,’平潭’,’晉安區(qū)’,’馬尾區(qū)’,’福清市’,’長樂市’,’閩侯縣’,’連江縣’,’閩清縣’);

var zhangzhou_county = new Array(‘薌城區(qū)’,’龍文區(qū)’,’南靖縣’,’平和縣’,’龍海市’,’東山縣’,’華安縣’);

var xiamen_county = new Array(‘湖里區(qū)’,’思明區(qū)’,’海滄區(qū)’,’集美區(qū)’,’同安縣’,’翔安區(qū)’);

//獲取省份改變的事件，并設(shè)置被選擇省份城市信息

$(“#province”).change(function(){

//清空每次選擇留下的城市信息

$(“#city”).find(“option”).remove();

//設(shè)置未選擇的城市默認(rèn)狀態(tài)

$(“#city”).append(‘未選擇’);

//獲取被選中省份的值

var province=$(“#province”).val();

//設(shè)置城市的自定義函數(shù)

$.extend({set_cities:function(province){

var arr_length = province.length;

for(var i=1;i<=arr_length;i++){

var place_info = ‘’+province[i-1]+'’;

$(“#city”).append(place_info);

}

}});

switch(province){

case ‘福建’:

$.set_cities(fujian_city);

break;

case ‘廣東’:

$.set_cities( guangdong_city);

break;

default :

alert(‘沒有寫信息的省份，這里只展示福建和廣東兩個省份’);

}

})

//獲取改變城市的事件，并設(shè)置區(qū)縣信息，這里只寫了福建的福州、漳州、廈門的部分城市信息

$(“#city”).change(function(){

//清空每次選擇留下的區(qū)縣信息

$(“#county”).find(“option”).remove();

//設(shè)置未選擇的區(qū)縣默認(rèn)狀態(tài)

$(“#county”).append(‘未選擇’);

//獲取被選中城市的值

var city=$(“#city “).val();

//設(shè)置區(qū)縣的自定義函數(shù)

$.extend({set_counties:function(city){

var arr_length = city.length;

for(var i=1;i<=arr_length;i++){

var place_info = ‘’+city[i-1]+'’;

$(“#county”).append(place_info);

}

}});

switch(city){

case ‘福州’:

$.set_counties(fuzhou_county);

break;

case ‘廈門’:

$.set_counties( xiamen_county);

break;

case ‘漳州’:

$.set_counties( zhangzhou_county);

break;

default :

alert(‘這里只寫了福建的福州、漳州、廈門的部分城市信息’);

}

})

});

• 福建

  廣東

  浙江

  江西

• 未選擇

• 未選擇

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。