国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > JS > 正文

原生js實現(xiàn)省市區(qū)三級聯(lián)動代碼分享

2024-05-06 16:42:27
字體:
供稿:網(wǎng)友

前言

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

準(zhǔn)備

<div id="wrap"></div>

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

js,省市區(qū),三級聯(lián)動

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

js,省市區(qū),三級聯(lián)動

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

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

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

js,省市區(qū),三級聯(lián)動

預(yù)覽

js,省市區(qū),三級聯(lián)動

總結(jié)

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


注:相關(guān)教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 焦作市| 随州市| 岑溪市| 木兰县| 东源县| 安乡县| 华池县| 岚皋县| 浦江县| 平果县| 苗栗县| 江源县| 宜兴市| 巢湖市| 连南| 奉新县| 湘乡市| 峡江县| 密山市| 唐海县| 资阳市| 郯城县| 福清市| 涟源市| 科技| 济南市| 资中县| 呼和浩特市| 亳州市| 铁力市| 扬中市| 沙洋县| 九龙坡区| 宁强县| 会理县| 永丰县| 百色市| 板桥市| 韶关市| 镇原县| 昆山市|