四級聯動選單

2021-07-05 05:08:21 字數 1405 閱讀 4751

找到乙個,很好用,別忘了把其中的「《」和「》」替換成「<」和「>」,懶了一下下,大家自己替換吧!

《form name="frm"》

《select name=school οnchange="mulselect(1)"》《/select》

《select name=department οnkeypress=sortme(this) οnchange="mulselect(2)"》《/select》

《select name=grade οnchange="mulselect(3)"》《/select》

《select name=student》《/select》

《p》 《/p》

《/form》

《script》

// 四級聯動

var arrsel=["school","department","grade","student"]

arrdata=;

// 從資料庫中讀出四級聯動的資料, 儲存到 arrdata 陣列中(二維陣列)

《%dim conn,rs

set conn = server.createobject("adodb.connection")

set rs=conn.execute("select * from dbselect")

do while not rs.eof

%》arrdata[arrdata.length]=["《%=trim(rs("school"))%》"," 《%=trim(rs("department"))%》","《%=trim(rs("grade"))%》"," 《%=trim(rs("student"))%》"]

《%rs.movenext

loop

rs.close:set rs=nothing

conn.close:set conn=nothing

%》《/script》

《script》

// 下拉框選擇變化時觸發的函式,用於重新生成其下級下拉框

// num : 下拉框的級數, 1 表示最頂級

function mulselect(num)

if(num《arrsel.length)

}if(j!=num)

// 這裡已經可以保證第 i 項記錄的資料屬於當前選項的子資料

// 檢查迴圈過程中是否已經新增了該選項,如果已有了, 則 fine = true

for(m=0;m《options.length;m++)

}// 若當前沒有選項或者尚未新增該選項項,則新增之

if(length==0wsws!find)

}// 遞迴呼叫生成下一級選單的內容

mulselect((num+1))}}

}// 呼叫聯動函式初始化下拉框

mulselect(0)

《/script》

jQuery java實現四級級聯選單

document ready function else str str tmp searchdlprd html str var flval prdflcode val 分類 getjson loadflprdclassservlet?bigcode cruval,function data el...

vue 四級聯動 位址聯動 vue級聯選擇

vue 四級聯動效果 實現前提 首先看下,我們的開發環境及資料封裝特點 第一 開發框架vue cli3 elementui 第二 資料封裝情況,詳見 部分 data中的 data 滿足以上2點再繼續,如果資料封裝有所不同,可根據實際情況稍作修改。實現過程 此處主要採用vue計算屬性以及watch監聽...

前端HTML JS實現四級聯動

一 js 建立乙個xmlhttp 物件 選這個option後 想要的option能級聯 function getoptionbyid val business screening ziji.action?var data parentid val.value 傳入後台的引數 selid val.id...