99久久国产综合精品麻豆,av香港经典三级级在线,av国产精品

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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

亞連

發(fā)布： 2018-06-06 10:09:36

原創(chuàng)

2845人瀏覽過

這篇文章主要介紹了原生js實(shí)現(xiàn)省市區(qū)三級聯(lián)動(dòng)功能以及代碼分享，對此有需要的朋友可以參考學(xué)習(xí)下。

前言

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

準(zhǔn)備

<p id="wrap"></p>

登錄后復(fù)制

頁面中的容器標(biāo)簽不限制，只需給個(gè)id就行

var address = new Address({
  wrapId: 'wrap',
  showArr: ['provinces','citys','areas'],
  beforeCreat:function(){
    console.log("beforeCreat")
  },
  afterCreat:function(){
    console.log('afterCreat');
  }
})

登錄后復(fù)制

wrapId:"wrap" // 此處的wrap就是上面容器的id 
showArr: ['provinces','citys','areas'] // 此處分別代表省、市、區(qū)容器的id

登錄后復(fù)制

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

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

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

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

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

預(yù)覽

上面是我整理給大家的，希望今后會(huì)對大家有幫助。

相關(guān)文章：

在Webpack中路徑壓縮圖片上傳尺寸獲取的問題（詳細(xì)教程）

在ES6中詳細(xì)解讀let和閉包

在vue+iview+less+echarts中實(shí)戰(zhàn)項(xiàng)目（詳細(xì)教程）

以上就是使用原生js實(shí)現(xiàn)省市區(qū)三級聯(lián)動(dòng)的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！

關(guān)于我們免責(zé)申明意見反饋講師合作廣告合作最新更新: php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！; 關(guān)注服務(wù)號技術(shù)交流群

app下載

PHP中文網(wǎng)訂閱號: 每天精選資源文章推送

PHP中文網(wǎng)APP: 隨時(shí)隨地碎片化學(xué)習(xí)

PHP中文網(wǎng)抖音號: 發(fā)現(xiàn)有趣的