原生js實現省市區三級聯動插件

原生js實現省市區三級聯動插件

前言

插件功能只知足我司業務需求，若是但願有更多功能的，可在下方留言，我儘可能擴展！若是你有須要或者喜歡的話，能夠給我github來個star ?

倉庫地址

在線預覽

準備

// 頁面上先引入css與js文件
<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 插件建立完成後執行的回調函數

  

預覽

總結

若有什麼功能須要增長的，可在評論區留言，我儘可能知足。若有什麼疏忽或錯誤，但願您指出。我會盡早修改，以避免誤導他人。