ホームページ  >  記事  >  ウェブフロントエンド  >  ネイティブjsを活用して道州市間の3階層連携を実現

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

亚连
亚连オリジナル
2018-06-06 10:09:362740ブラウズ

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

前書き

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

準備してください

<p id="wrap"></p>

ページ内のコンテナタグに制限はありません。ID を付けるだけです

var address = new Address({
  wrapId: &#39;wrap&#39;,
  showArr: [&#39;provinces&#39;,&#39;citys&#39;,&#39;areas&#39;],
  beforeCreat:function(){
    console.log("beforeCreat")
  },
  afterCreat:function(){
    console.log(&#39;afterCreat&#39;);
  }
})
wrapId:"wrap" // 此处的wrap就是上面容器的id 
showArr: [&#39;provinces&#39;,&#39;citys&#39;,&#39;areas&#39;] // 此处分别代表省、市、区容器的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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。