// 頁面上先引入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'] // 此處分別代表省、市、區(qū)容器的id

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

  

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

  

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

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

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

  

預覽

相關推薦：

微信小程序關于三級聯(lián)動選擇器如何使用

jQuery三級聯(lián)動效果實現(xiàn)方法

jQuery使用EasyUi實現(xiàn)三級聯(lián)動下拉框效果實例分享

以上就是js實現(xiàn)省市區(qū)三級聯(lián)動插件分享的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！