背景:html
最近的項目須要一個多級的省市區下拉,網上找了不少,都是經過js實現的。存在一個問題是,城市數據沒法經過後臺進行添加編輯操做。因此,寫了一個js的插件。下面效果圖。微信
效果圖:ide
上圖設置了默認id 爲馬道小區的id,自動生成四級目錄。並且每一級別都是可選擇的。url
上圖設置默認id 爲 0spa
而後,下拉選擇相應的省,省下若是有數據。就會加載二級select,無數據則不會顯示二級select插件
詳細介紹:調試
後臺中經過無無限級分類,實現數據表結構。htm
id name parent_id三列數據是必須的。其他的能夠忽略。對象
須要一個數據接口,獲取全部的數據。blog
其中的show 方法是父類中一個全局數據返回的方法
當獲取到數據之後:
引入 js 文件→建立js對象→傳入初始參數→調用init方法。生成成功。
參數介紹:
box 爲生成控件的容器的 類名 。就是你想在哪一個容器中放你的多級聯動插件。
defaultid 爲加載控件時候的默認選中項目。
inputname 爲提交表單的時候,用這個名字接收參數。
getallurl 爲剛纔定義的獲取全部數據的數據接口。
特別說明:
本js代碼 售價爲 10 元。本人擁有此代碼的全部權利。禁止轉載,或處處傳播。
本js代碼爲未調試版本,可能存在一些小的問題。
本人不負責售出代碼後的你的環境中的調試。須要你懂點技術,介意的勿拍。
須要的 請聯繫 微信 liuyw250 進行諮詢。