三級聯動

--請選擇--

--請選擇--

--請選擇--

$(function(){functioninitCity(){

$("#city").html('--請選擇--');

}functioninitCounty(){

$("#county").html('--請選擇--');

}vardb={

廣東: {

珠海市:"珠海縣1,珠海縣2,珠海縣3",

深圳市:"深圳縣1,深圳,深圳縣3",

廣州市:"廣州縣1,廣州縣2,廣州縣3",

},

廣西: {

南寧市:"南寧縣1,南寧縣2,南寧縣3",

百色市:"百色縣1,百色縣2,百色縣3",

桂林市:"桂林縣1,桂林縣2,桂林縣3",

},

江西: {

市1:"縣1,縣2,縣3",

市2:"縣1,縣2,縣3",

市3:"縣1,縣2,縣3",

}

};

$.each(db ,function(province){

$("#province").append("" +province+ "")

})//一級變動

$("#province").on("change",function(){

initCity();

initCounty()

$.each(db,function(provice,val) {if($("#province :selected").val()==provice){

$.each(val,function(city,counties){

$("#city").append("" +city+ "");

});//二級變動

$("#city").on("change",function(){

initCounty();

$.each(val ,function(city,counties){if($("#city :selected").val()==city){varcountArr=counties.split(",");

$.each(countArr ,function(i,county){

$("#county").append("" +county+ "");

});

}

})

})

}

});

})

})

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的jquery三级联动模糊查询_jquery三级联动的全部內容，希望文章能夠幫你解決所遇到的問題。

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