thinkphp5 多級聯動的下拉菜單

背景:

最近的項目需要一個多級的省市區下拉,網上找了很多,都是通過js實現的。存在一個問題是,城市數據無法通過後臺進行添加編輯操作。所以,寫了一個js的插件。下面效果圖。

效果圖:

上圖設置了默認id 爲馬道小區的id,自動生成四級目錄。而且每一級別都是可選擇的。

上圖設置默認id 爲 0

然後,下拉選擇相應的省,省下如果有數據。就會加載二級select,無數據則不會顯示二級select

詳細介紹:

後臺中通過無無限級分類,實現數據表結構。

id name parent_id三列數據是必須的。其餘的可以忽略。

需要一個數據接口,獲取所有的數據。

 其中的show 方法是父類中一個全局數據返回的方法

當獲取到數據以後:

引入 js 文件→創建js對象→傳入初始參數→調用init方法。生成成功。

參數介紹:

box   爲生成控件的容器的 類名 。就是你想在哪個容器中放你的多級聯動插件。

defaultid 爲加載控件時候的默認選中項目。

inputname  爲提交表單的時候,用這個名字接收參數。

getallurl 爲剛纔定義的獲取所有數據的數據接口。

特別說明:

本js代碼 售價爲  10 元。本人擁有此代碼的所有權利。禁止轉載,或到處傳播。

本js代碼爲未調試版本,可能存在一些小的問題。

本人不負責售出代碼後的你的環境中的調試。需要你懂點技術,介意的勿拍。

需要的 請聯繫 微信 liuyw250 進行諮詢。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章