国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 团风县| 蒙自县| 潜山县| 多伦县| 达孜县| 荥经县| 秦皇岛市| 济宁市| 雷山县| 北川| 织金县| 于田县| 视频| 丹棱县| 宁明县| 涟水县| 天镇县| 苍梧县| 娱乐| 泗阳县| 衡南县| 略阳县| 晋州市| 郓城县| 三原县| 澄城县| 彭州市| 达州市| 许昌市| 咸丰县| 平凉市| 彩票| 涞源县| 大化| 石泉县| 延寿县| 龙州县| 陆丰市| 炉霍县| 五河县| 饶阳县|