二級選單聯動js

2021-10-01 22:03:41 字數 994 閱讀 2909

<

script

src=

"city.js"

>

<

/script

>

// 建立文件片段,使用完後釋放

var flag = document.

createdocumentfragment()

;// 建立城市下拉框

var select = document.

createelement

("select");

// 給城市下拉框乙個id

select.id =

"selcity"

;// 給城市下拉框新增選項

for(

var i =

0, length = city_data.length; i < length; i++

)// 把城市下拉框新增到文件片段

flag.

(select)

;// 建立二級市區下拉框

var select = document.

createelement

("select");

select.id =

"selarea"

;// 新增預設的第二個下拉框內容

var arr = city_data[0]

.area;

for(

var j =

0, length1 = arr.length; j < length1; j++

)// 把二級市區下拉框新增到文件片段

flag.

(select)

;// 把文件片段放到頁面上

document.body.

(flag)

;//下拉框選項改變事件

selcity.

onchange

=function()

}

ASP二級分類聯動選單

a request.form anclassid b request.form nclassid if request.form submit 提交 then response.write a a response.write b b response.end end if dim count se...

二級聯動 js

在html部分只寫兩個select標籤 option標籤將用js的方法寫入 onchange 內容發生改變事件 用於select下拉列表中後的內容發生改變時候的觸發 核心部分就是js裡面的內容 建立乙個物件data來儲存資料 data 首先通過for迴圈來新增第一級裡面的內容 province va...

原生js實現二級聯動下拉列表選單

二級聯動下拉列表選單的難點在於對後台返回的資料進行解析,不多逼逼,直接上 上圖是後台返回的資料 實現 如下 var devicenotexist true 防止資料重複 if data.code 0 tim j push period break if devicenotexist dev.push...