Js省市級聯動案例

2021-10-12 19:51:20 字數 1533 閱讀 7761

<

!doctype html>

"utf-8"

>

省市級聯動案例<

/title>

<

/head>

<

!-- 頁面中有兩個下拉框,分別為省份、城市、區縣、使用者選擇某個省份,對應城市下拉框重要出現所有該省份的城市,選擇城市後出來對應該城市的區或縣 --

>

"getindex(this)"

>

請選擇省份<

/option>

<

/select>

"areamethod(this)"

>

請選擇城市<

/option>

<

/select>

請選擇區縣<

/option>

<

/select>

/* 顯示所有的省份

1.從後台獲取到所有的省份資料容器--省份陣列

a、定義省份陣列

2.將陣列中的省份資訊新增到省份的下拉框中

a、遍歷省份陣列,獲取到每乙個省份的資訊

b、將每乙個省份資訊新增到下拉框中

建立乙個option標籤,進行賦值

*/let proindex=0;

let selnodes=document.

getelementsbytagname

("select");

let proarr=

["河南省"

,"湖南省"];

// function createmethod()

// }

// 城市下拉框操作

let cityarr=[[

"--請選擇城市--"],

["鄭州市"

,"開封市"

,"洛陽市"],

["長沙市"

,"湘潭市"]]

;//遍歷城市陣列,將城市資訊新增到城市下拉框中(根據選擇的省份確定要新增的城市陣列)

function

getindex

(obj)

}let area=[[

["--請選擇區縣--"]]

,[["金水區"

,"高新區"

,"二七區"

,"管城區"

,"鄭東新區"

,"惠濟區"],

["龍亭區"

,"順河回族區"

,"鼓樓區"],

["老城區"

,"西廠區"

,"吉利區"]]

,[["芙蓉區"

,"天心區"

,"開福區"],

["雨湖區"

,"嶽塘區"]]

];// 遍歷區域陣列,將區域新增到區域下拉框中(根據選擇的城市確定要新增的區域陣列)

function

areamethod

(a)}

<

/script>

<

/body>

<

/html>

JS省市級聯

請選擇國家 中國 下面是provinceandcity.js頁面的內容 js聯動效果 province 省份類 function provincelist city 城市類 function citylist 建立provincelist citylist類例項 var provinceob new...

動態的省市級聯

aligins none block 所屬地區 請選擇 請選擇 請選擇 請選擇 請選擇 先查一級 public listfindonearea long parentid 再查二級 public listfindchildsarea long id 實體類 private static final ...

mysql省市聯動 sql全國 省市 聯動級聯

下面是程式設計之家 jb51.cc 通過網路收集整理的 片段。h 301 1 insert into province pcode,pname,nationcode values 110000,北京市 100000 insert into province pcode,nationcode valu...