ネイティブjsを活用して道州市間の3階層連携を実現

この記事では主に都道府県と市区町村の3階層連携機能を実現するためのネイティブjsを紹介しており、コードシェアが必要な方は参考にしてください。

前書き

プラグイン機能は当社のビジネスニーズのみを満たしています。さらに多くの機能が必要な場合は、以下にメッセージを残してください。拡張するために最善を尽くします。必要な場合、または気に入った場合は、github でスターを付けてください

準備してください

<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 の場合、配列内の 3 つの文字列は、それぞれ州、市、地区コンテナの ID になります['provinces','citys','areas']长度为3，那么将会出现省市区，数组中三个字符串分别是省、市、区容器的id

如传递的数组['provinces','citys']长度为2个，那么将会出现省市，数组中的两个字符串分别是省、市容器的id

如数组长度为1的时候就不说了

beforeCreat 插件开始创建前执行的回调函数

afterCreat

。

渡された配列 ['provinces', ' city']長さが 2 の場合、配列内の 2 つの文字列はそれぞれ、州コンテナと都市コンテナの ID です

配列の長さが 1 の場合は、もう言いません

beforeCreat プラグイン作成開始前 実行されるコールバック関数

afterCreat プラグイン作成後に実行されるコールバック関数

Preview

上記は皆さんのためにまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

🎜Webpackでパス圧縮画像のアップロードサイズを取得する問題(詳細チュートリアル) 🎜🎜🎜🎜ES6のletとクロージャを詳しく解説🎜🎜🎜🎜vue+iview+lessでの実戦+echarts プロジェクト (詳細なチュートリアル)🎜🎜

以上がネイティブjsを活用して道州市間の3階層連携を実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。