Jquery實現省市區聯動

2021-06-06 07:07:54 字數 1044 閱讀 2984

/**


* jquery :  省市縣聯動外掛程式


* @author   kxt


* @example  $("#test").province_city_county();


*/$.fn.province_city_county = function(vprovince,vcity,vtown)


$.get('xml/province_city.xml', function(data));


if(typeof vprovince != undefined)


});//預設城市下拉


if(_self.data("city"))


//預設縣區下拉


if(_self.data("county"))


//省級聯動控制


var index1 = "" ;


var provincevalue = "";


var cityvalue = "";


$sel1.change(function()


if(_self.data("county"))


} else);


cityvalue = $("#city").val();


$(data).find("city[value='"+cityvalue+"'] > county").each(function());


if(typeof vcity != undefined)


if(typeof vtown != undefined)


});}	}).change();


//城市聯動控制


var index2 = "" ;


$sel2.change(function());


if(typeof vtown != undefined)


});});


return _self;


};
province_city.xml

**如下

<?xml version="1.0" encoding="utf-8"?>

省市區聯動選擇

js 本來返回的是地區編號，需要在後台轉換，這裡我改了一點，直接在js 裡就轉換了，返回的就是地區名 原理是js 控制的聯動查詢，通過一些判斷語句 將選擇的結果另外放在了隱藏的輸入框裡，後台讀取隱藏的輸入框就好，如將出生省份的值存到了id為txtchildrenprovince的輸入框 docume...

react寫城市（省市區）聯動

在components中引入聯動的json檔案 import provincedata from json area.json 在this.state中定義相應變數 constructor props zoom 3 curoption 聯動省級市資料 deepprovince null,deepci...

js 多級聯動（省 市 區）

方式一 資料從資料庫獲取，ajax實現區域性重新整理 方式二 資料從json檔案獲取，ajax實現區域性重新整理 以方式二為例，進行演示 省市區 聯動 前提 需要有省 市 區三個的資料封裝檔案 實現 1.自封裝函式 多級聯動 function multiplecascades 建立select標籤 ...