省市區聯動選擇

2021-08-21 08:25:17 字數 1078 閱讀 9668

js**本來返回的是地區編號,需要在後台轉換,這裡我改了一點,直接在js**裡就轉換了,返回的就是地區名

原理是js**控制的聯動查詢,通過一些判斷語句

將選擇的結果另外放在了隱藏的輸入框裡,後台讀取隱藏的輸入框就好,如將出生省份的值存到了id為txtchildrenprovince的輸入框

document.getelementbyid("txtchildrenprovince").value = placesmap[document.getelementbyid("province").value * 10000];
也就是說前台除了三個select下拉框,還要有三個隱藏框

js**

var placesmap=;

/*地區類*/

function place(areacode,name)else if(ac%10000!=0)else

} /*返回地點所屬省編碼*/

place.prototype.provincecode=function()

/*返回地點所屬市編碼*/

place.prototype.citycode=function()

} var provinces=new array();//省陣列

var cities=new array();//市陣列

var districts= new array();//區陣列

/*initseletlist()這個函式初始化上面這三個陣列,還有省下拉列表*/

function initseletlist()

if(ty=="c")

if(ty=="d")

} //初始化省下拉選擇列表

for(var i=0;i

前台**呼叫

省:

請選擇省

市:請選擇市

請選區

還需要一段**,隱藏輸入框,id與js**中的對應就好,可自行更改

Jquery實現省市區聯動

jquery 省市縣聯動外掛程式 author kxt example test province city county fn.province city county function vprovince,vcity,vtown get xml province city.xml functio...

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標籤 ...