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

“;>

$(document).ready(function(){

//省份城市數組

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

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

//城市下屬區縣數組

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

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

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

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

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

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

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

//設置未選擇的城市默認狀態

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

//獲取被選中省份的值

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

//設置城市的自定義函數

$.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(‘沒有寫信息的省份，這里只展示福建和廣東兩個省份’);

}

})

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

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

//清空每次選擇留下的區縣信息

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

//設置未選擇的區縣默認狀態

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

//獲取被選中城市的值

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

//設置區縣的自定義函數

$.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(‘這里只寫了福建的福州、漳州、廈門的部分城市信息’);

}

})

});

• 福建

  廣東

  浙江

  江西

• 未選擇

• 未選擇

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

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