原生js實(shí)現(xiàn)省市區(qū)三級聯(lián)動(dòng)代碼分享

前言

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

準(zhǔn)備

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

頁面中的容器標(biāo)簽不限制，只需給個(gè)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'] // 此處分別代表省、市、區(qū)容器的id 

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

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

如數(shù)組長度為1的時(shí)候就不說了

beforeCreat 插件開始創(chuàng)建前執(zhí)行的回調(diào)函數(shù)

afterCreat 插件創(chuàng)建完成后執(zhí)行的回調(diào)函數(shù)

預(yù)覽

總結(jié)

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

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