js實現省市區三級連動插件分享

本文主要跟大家分享js實現省市區三級連動插件，希望本文能幫助大家更好的掌握省市區三級連動插件的實作方法。

// 页面上先引入css与js文件
<p id="wrap"></p>

頁面中的容器標籤不限制，只需給個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 外掛程式建立完成後執行的回呼函數

  

預覽

相關推薦：

#微信小程式關於三級連動選擇器如何使用

jQuery三級連動效果實作方法

jQuery使用EasyUi實作三級連動下拉框效果實例分享

以上是js實現省市區三級連動插件分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！