首頁 > web前端 > js教程 > js實現省市區三級連動插件分享

js實現省市區三級連動插件分享

小云云
發布: 2018-02-12 15:50:41
原創
2126 人瀏覽過

本文主要跟大家分享js實現省市區三級連動插件,希望本文能幫助大家更好的掌握省市區三級連動插件的實作方法。

// 页面上先引入css与js文件
<p id="wrap"></p>
登入後複製

頁面中的容器標籤不限制,只需給個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'] // 此處分別代表省、市、區容器的id

    舉例:如果傳遞的陣列['provinces','citys','areas']長度為3,那麼將會出現省市區,數組中三個字串分別是省、市、區容器的id

    js實現省市區三級連動插件分享

    #如傳遞的數組['provinces', 'citys']長度為2,那麼將會出現省市,陣列中的兩個字串分別是省、市容器的id

    js實現省市區三級連動插件分享

    如數組長度為1的時候就不說了

  • #beforeCreat 外掛程式開始建立前執行的回調函數

  • afterCreat 外掛程式建立完成後執行的回呼函數

    js實現省市區三級連動插件分享

預覽

js實現省市區三級連動插件分享

相關推薦:

#微信小程式關於三級連動選擇器如何使用

jQuery三級連動效果實作方法

jQuery使用EasyUi實作三級連動下拉框效果實例分享

以上是js實現省市區三級連動插件分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板