原生js實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)代碼分享
前言
插件功能只滿足我司業(yè)務(wù)需求,如果希望有更多功能的,可在下方留言,我盡量擴(kuò)展!如果你有需要或者喜歡的話,可以給我github來(lái)個(gè)star
準(zhǔn)備
<div id="wrap"></div>
頁(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個(gè),那么將會(huì)出現(xiàn)省市,數(shù)組中的兩個(gè)字符串分別是省、市容器的id
如數(shù)組長(zhǎng)度為1的時(shí)候就不說(shuō)了
beforeCreat
插件開始創(chuàng)建前執(zhí)行的回調(diào)函數(shù)
afterCreat
插件創(chuàng)建完成后執(zhí)行的回調(diào)函數(shù)
預(yù)覽
總結(jié)
如有什么功能需要增加的,可在評(píng)論區(qū)留言,我盡量滿足。如有什么疏忽或錯(cuò)誤,希望您指出。我會(huì)盡早修改,以免誤導(dǎo)他人。
- PHP+Mysql+Ajax+JS實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)
- javascript實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單
- 省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單javascript版
- js實(shí)現(xiàn)一個(gè)省市區(qū)三級(jí)聯(lián)動(dòng)選擇框代碼分享
- 從QQ網(wǎng)站中提取的純JS省市區(qū)三級(jí)聯(lián)動(dòng)菜單
- JSON+Jquery省市區(qū)三級(jí)聯(lián)動(dòng)
- vue.js模仿京東省市區(qū)三級(jí)聯(lián)動(dòng)的選擇組件實(shí)例代碼
- javascript實(shí)現(xiàn)簡(jiǎn)單的省市區(qū)三級(jí)聯(lián)動(dòng)
- javascript省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單實(shí)例演示
- js實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)非select下拉框版
相關(guān)文章
JavaScript之Getters和Setters 平臺(tái)支持等詳細(xì)介紹
現(xiàn)在,JavaScript的Getters和Setters使用非常廣泛,它和每個(gè)JavaScript開發(fā)者的切身利益息息相關(guān),我們先來(lái)快速了解什么是Getters和Setters,以及它們?yōu)槭裁春苡杏?然后,我們來(lái)看看現(xiàn)在都有哪些平臺(tái)支持Gettets和Setters2012-12-12js學(xué)習(xí)總結(jié)之dom2級(jí)事件基礎(chǔ)知識(shí)詳解
這篇文章主要為大家詳細(xì)介紹了js學(xué)習(xí)總結(jié)之dom2級(jí)事件基礎(chǔ)知識(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法,簡(jiǎn)單介紹了雙向鏈表的原理,并結(jié)合實(shí)例形式分析了雙向鏈表的定義與使用方法,需要的朋友可以參考下2017-10-10JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法總結(jié)
懶加載是一種對(duì)網(wǎng)頁(yè)性能優(yōu)化的方式,也是我們經(jīng)常會(huì)用到的技術(shù),這篇文章為大家整理了JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法,希望對(duì)大家有所幫助2023-06-06