thinkphp5 多級聯動的下拉菜單

背景: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 進行諮詢。

相關文章
相關標籤/搜索