html代碼： js代碼： ...

在實際應用中，經常將事物進行分類，分類可以是二級的或者多級的。在設計頁面時，可以使用多個下拉菜單分別顯示不同級別的分類信息，即實現多級級聯菜單。以下實例，當選擇商品的“第一級分類”下拉菜單時，商品的“第二級分類”下拉菜單的內容會隨即發生變化。 實現多級級聯菜單的關鍵代碼如下： < ...

...

前幾天在看js的相關內容，所以就簡單寫了一個二級聯動菜單。分享一下。 ...

js代碼： js寫出來基本樣子就這樣了，下面我們從后台進行獲取數據將他顯示在頁面里面 下面是一個簡單的后台，方便測試 效果圖： 不過呢，數據這東西還是放在數據庫是比較好的，需要的時候直接從后台調用出來，然后發給前端進行顯示就好啦，也方便 ...

　　 ...

主要分html部分和js部分 ，函數的參數為空時就是初始化狀態，若要加載從后台讀取數據的數據給option一個選中的初始狀態的話，就可以給定參數即可，一下案例中給定了參數。 city.html 頁面 city.js部分如下： php后台對接數據，只需修改函數 ...

二級聯動下拉列表菜單的難點在於對后台返回的數據進行解析，不多逼逼，直接上代碼 上圖是后台返回的數據 實現代碼如下： var deviceNotExist = true;//防止數據重復 if(data.code == 0) { //查詢成功 var param ...