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