ホームページ > 記事 > ウェブフロントエンド > ネイティブ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
プラグイン作成後に実行されるコールバック関数
上記は皆さんのためにまとめたものです。将来皆さんのお役に立てれば幸いです。 🎜Webpackでパス圧縮画像のアップロードサイズを取得する問題(詳細チュートリアル) 🎜🎜🎜🎜ES6のletとクロージャを詳しく解説🎜🎜🎜🎜vue+iview+lessでの実戦+echarts プロジェクト (詳細なチュートリアル)🎜🎜以上がネイティブjsを活用して道州市間の3階層連携を実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。