原生js實現省市區三級聯動代碼分享

前言

插件功能只滿足我司業務需求，如果希望有更多功能的，可在下方留言，我盡量擴展！如果你有需要或者喜歡的話，可以給我github來個star

準備

<div id="wrap"></div>

頁面中的容器標簽不限制，只需給個id就行

var address = new Address({
 wrapId: 'wrap',
 showArr: ['provinces','citys','areas'],
 beforeCreat:function(){
 console.log("beforeCreat")
 },
 afterCreat:function(){
 console.log('afterCreat');
 }
})

wrapId:"wrap" // 此處的wrap就是上面容器的id 
showArr: ['provinces','citys','areas'] // 此處分別代表省、市、區容器的id 

舉個例子：如果傳遞的數組['provinces','citys','areas']長度為3，那么將會出現省市區，數組中三個字符串分別是省、市、區容器的id

如傳遞的數組['provinces','citys']長度為2個，那么將會出現省市，數組中的兩個字符串分別是省、市容器的id

如數組長度為1的時候就不說了

beforeCreat 插件開始創建前執行的回調函數

afterCreat 插件創建完成后執行的回調函數

預覽

總結

如有什么功能需要增加的，可在評論區留言，我盡量滿足。如有什么疏忽或錯誤，希望您指出。我會盡早修改，以免誤導他人。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com