ホームページ  >  記事  >  ウェブフロントエンド  >  jsで地方自治体での3階層連携プラグインの共有を実現

jsで地方自治体での3階層連携プラグインの共有を実現

小云云
小云云オリジナル
2018-02-12 15:50:412089ブラウズ

この記事では主に、道・市区町村の3段階連携プラグインのjs実装について紹介します。この記事が、道・市区町村の3段階連携プラグインの実装方法をより深く理解するのに役立つことを願っています。

// 页面上先引入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" // ここでのラップは上のコンテナのIDです wrapId:"wrap" // 此处的wrap就是上面容器的id

  • showArr: ['provinces','citys','areas'] // 此处分别代表省、市、区容器的id  

    举个例子:如果传递的数组['provinces','citys','areas']长度为3,那么将会出现省市区,数组中三个字符串分别是省、市、区容器的id

    jsで地方自治体での3階層連携プラグインの共有を実現

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

    jsで地方自治体での3階層連携プラグインの共有を実現

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

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

  • afterCreat

    showArr: ['provinces','citys','areas'] // これはそれぞれ、州、市、地区コンテナの ID を表します jsで地方自治体での3階層連携プラグインの共有を実現例: 渡された配列 ['profits','citys','areas']長さは 3で、州と都市が表示されます。配列内の 3 つの文字列は州の ID です。 、市、および地区のコンテナー
  • jsで地方自治体での3階層連携プラグインの共有を実現

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

jsで地方自治体での3階層連携プラグインの共有を実現jsで地方自治体での3階層連携プラグインの共有を実現

配列の長さが 1 の場合、もう言ってください

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

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

🎜プレビュー🎜🎜🎜🎜🎜🎜🎜🎜 関連する推奨事項: 🎜🎜🎜🎜🎜 3 レベルのリンケージ セレクターの使用方法に関する WeChat アプレット🎜🎜 🎜🎜🎜jQueryの3段階連携効果の実装メソッド🎜🎜🎜🎜jQueryはEasyUiを使用して3レベルのリンクドロップダウンボックス効果の共有を実現します🎜🎜

以上がjsで地方自治体での3階層連携プラグインの共有を実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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