級聯選單1 0版,新手超詳細解說。

2021-08-28 12:19:33 字數 647 閱讀 6773

級聯選單不是什麼難操作,但是我作為乙個初學者還是有很多困惑,今天決定花乙個下午弄懂它,總算弄出個1.0版。

所謂級聯選單,就是一級選項選中後,二級選項變成相對應的選項。比如下面,選中遼寧省後,城市的選項就變成遼寧的城市了。

我這是1.0版,以後還有2.0版

解題思路是:

1、要建立乙個二維陣列,陣列的第一維對應的是省份的選項順序,第二維對應的是省份所擁有的城市。

2、選中了省份後,要能知道陣列裡相對應的城市,並把這個城市的陣列拿出來。

3、清空城市陣列裡的所有選項。

4、遍歷城市陣列,其中有些小技巧,生成選項,把城市名賦給選項,把選項拼接到城市陣列中。

注:arr 裡,我寫的是「城市1」,這是故意寫的,你選完其他項後,再選擇省份,城市選項變成了城市1,即,城市選項裡的城市,只用了1次。

opt.innertext = citys[i] 和 opt.innerhtml= citys[i],都可以,但二者是有區別的。text只顯示文字,html包括標記等內容都顯示出來。

二者賦值方式也不一樣。text裡標記不會被識別。html標記會被識別。

省份://onchage是選擇事件,選項改變時觸發。

省份遼寧省吉林省

城市:城市

動態級聯選單

在專案中遇到最多的就是級聯選單的實現。省級 市級 縣級等等。如果將這些資料放到資料庫中,每一次訪問資料都要鏈結資料庫。目前專案中的做法是select的每一次change事件都要查詢一次。我覺得此次操作有些多餘。先不說這些資料從 得到,或者要不要放到快取中,或者這些資料是不易改變,還是時常改變。我自我...

Ext級聯選單例項

ext 級聯選單 一 實現方法 a 以乙個二級聯動為例,定義兩個 store 物件varstore newext.data.store 解析 url 屬性為要訪問的 jsp頁面路徑或者 action 的路徑,若訪問的是 jsp頁面應將多餘的指令碼去掉避免發生衝突。arrayreader 為陣列讀取器...

Ext級聯選單例項

ext 級聯選單 一 實現方法 a 以乙個二級聯動為例,定義兩個store物件 解析 url 屬性為要訪問的jsp頁面路徑或者action的路徑,若訪問的是jsp頁面應將多餘的指令碼去掉避免發生衝突。arrayreader為陣列讀取器,用於讀取請求返回的字串陣列。name 對應值 為該陣列的每一項對...