成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

mumumu / 711人閱讀

原生js實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)插件 前言

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

倉(cāng)庫(kù)地址
在線預(yù)覽
準(zhǔn)備 
// 頁(yè)面上先引入css與js文件

頁(yè)面中的容器標(biāo)簽不限制，只需給個(gè)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 

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


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




如數(shù)組長(zhǎng)度為1的時(shí)候就不說(shuō)了

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

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

預(yù)覽

總結(jié)

如有什么功能需要增加的，可在評(píng)論區(qū)留言，我盡量滿足。如有什么疏忽或錯(cuò)誤，希望您指出。我會(huì)盡早修改，以免誤導(dǎo)他人。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107440.html

相關(guān)文章

  • vue 省市區(qū)三級(jí)聯(lián)動(dòng)插件v-distpicker

    摘要：十分便捷的三級(jí)聯(lián)動(dòng)插件官網(wǎng)步驟下載步驟使用與引入在中注冊(cè)全局組件在文件中使用組件你需要用到三級(jí)聯(lián)動(dòng)的頁(yè)面的里如何使用組件在該文件的部分寫(xiě)廣東省廣州市海珠區(qū)移動(dòng)端步驟如何獲取他們的數(shù)據(jù)給部分一個(gè)點(diǎn)擊事件在配置 十分便捷的三級(jí)聯(lián)動(dòng)插件 官網(wǎng)：https://www.awesomes.cn/repo/... 步驟1：下載 npm install v-distpicker --save O...

    learning 評(píng)論0 收藏0

  • jquery移動(dòng)端省市縣（區(qū)）三級(jí)聯(lián)動(dòng)插件

    摘要：寫(xiě)省市區(qū)三級(jí)聯(lián)動(dòng)插件的關(guān)鍵是在于你如何編寫(xiě)自己的省市縣區(qū)文件，你要是把數(shù)據(jù)格式寫(xiě)對(duì)了，可以很輕松的寫(xiě)一省市區(qū)插件出來(lái)。 最近剛做完一個(gè)版本的項(xiàng)目，閑暇時(shí)間，就索性把項(xiàng)目中需要用到的插件都自己寫(xiě)了一個(gè)，畢竟自己動(dòng)手豐衣足食才是最重要，自己寫(xiě)的，可以應(yīng)對(duì)各種項(xiàng)目需求，今天又把手機(jī)端的省市區(qū)三級(jí)聯(lián)動(dòng)選擇功能編寫(xiě)了一個(gè)插件出來(lái)，代碼很簡(jiǎn)單，樣式也是應(yīng)用的跟日期時(shí)間選擇插件的一樣。寫(xiě)省市區(qū)三級(jí)聯(lián)...

    Rocko 評(píng)論0 收藏0

  • jquery移動(dòng)端省市縣（區(qū)）三級(jí)聯(lián)動(dòng)插件

    摘要：寫(xiě)省市區(qū)三級(jí)聯(lián)動(dòng)插件的關(guān)鍵是在于你如何編寫(xiě)自己的省市縣區(qū)文件，你要是把數(shù)據(jù)格式寫(xiě)對(duì)了，可以很輕松的寫(xiě)一省市區(qū)插件出來(lái)。 最近剛做完一個(gè)版本的項(xiàng)目，閑暇時(shí)間，就索性把項(xiàng)目中需要用到的插件都自己寫(xiě)了一個(gè)，畢竟自己動(dòng)手豐衣足食才是最重要，自己寫(xiě)的，可以應(yīng)對(duì)各種項(xiàng)目需求，今天又把手機(jī)端的省市區(qū)三級(jí)聯(lián)動(dòng)選擇功能編寫(xiě)了一個(gè)插件出來(lái)，代碼很簡(jiǎn)單，樣式也是應(yīng)用的跟日期時(shí)間選擇插件的一樣。寫(xiě)省市區(qū)三級(jí)聯(lián)...

    spacewander 評(píng)論0 收藏0

  • jquery移動(dòng)端省市縣（區(qū)）三級(jí)聯(lián)動(dòng)插件

    摘要：寫(xiě)省市區(qū)三級(jí)聯(lián)動(dòng)插件的關(guān)鍵是在于你如何編寫(xiě)自己的省市縣區(qū)文件，你要是把數(shù)據(jù)格式寫(xiě)對(duì)了，可以很輕松的寫(xiě)一省市區(qū)插件出來(lái)。 最近剛做完一個(gè)版本的項(xiàng)目，閑暇時(shí)間，就索性把項(xiàng)目中需要用到的插件都自己寫(xiě)了一個(gè)，畢竟自己動(dòng)手豐衣足食才是最重要，自己寫(xiě)的，可以應(yīng)對(duì)各種項(xiàng)目需求，今天又把手機(jī)端的省市區(qū)三級(jí)聯(lián)動(dòng)選擇功能編寫(xiě)了一個(gè)插件出來(lái)，代碼很簡(jiǎn)單，樣式也是應(yīng)用的跟日期時(shí)間選擇插件的一樣。寫(xiě)省市區(qū)三級(jí)聯(lián)...

    Eric 評(píng)論0 收藏0

  • vue項(xiàng)目中使用element-ui下拉框選項(xiàng)值為對(duì)象時(shí)報(bào)錯(cuò)

    摘要：在做后臺(tái)管理時(shí)，使用了搭配，請(qǐng)求方法使用了插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。 在做后臺(tái)管理時(shí)，使用了vue搭配elementUI，請(qǐng)求方法使用了axios插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。對(duì)select下拉框的文檔沒(méi)有讀的很仔細(xì)，百度過(guò)幾篇文章，也沒(méi)有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

    Drummor 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<