這篇文章主要為大家展示了“js中實現(xiàn)省市區(qū)三級聯(lián)動的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“js中實現(xiàn)省市區(qū)三級聯(lián)動的示例分析”這篇文章吧。

成都創(chuàng)新互聯(lián)憑借專業(yè)的設計團隊扎實的技術(shù)支持、優(yōu)質(zhì)高效的服務意識和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、網(wǎng)站設計制作、成都網(wǎng)站制作、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務，在成都十余年的網(wǎng)站建設設計經(jīng)驗，為成都近1000家中小型企業(yè)策劃設計了網(wǎng)站。

前言

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

準備

頁面中的容器標簽不限制，只需給個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ù)

預覽

以上是“js中實現(xiàn)省市區(qū)三級聯(lián)動的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標題：js中實現(xiàn)省市區(qū)三級聯(lián)動的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://weahome.cn/article/gcgei.html