wordpress「MW WP Form」で郵便番号から住所を自動入力する 2015年9月3日
Tag: | |


WordPressのプラグイン、「MW WP Form」で、郵便番号を入力すると住所が自動入力される様にします。

1.使用するのは「ajaxzip3」「jQuery Autotab」です。

2.まずは「jQuery Autotab」をダウンロードします。
ダウンロードページのjsフォルダ内のjquery.autotab.min.jsをダウンロードし、サーバーにUPします。

3.wordpressのheader.phpないに下記を記述

<script src="//ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script src="<?php bloginfo('template_directory');?>/js/jquery.autotab.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() { 
 jQuery( "input[name='郵便番号[data][0]'],input[name='郵便番号[data][1]']").on('change',function( e ) { //zip
         AjaxZip3.zip2addr( '郵便番号[data][0]', '郵便番号[data][1]','都道府県', '市区町村', '番地ビル' );
 });
 jQuery('input[type=text]').autotab();
});
</script>

4.MW WP Formにでフォームタグを追加します。

郵便番号:[mwform_zip name="郵便番号"]
都道府県:[mwform_text name="都道府県"]
市区町村:[mwform_text name="市区町村"]
番地ビル:[mwform_text name="番地ビル"]

関連記事

New

Aechive

Tag

css Facebook facebookカスタマイズ Facebookページ facebooRSS font functions.php google NEWマーク photoshop RSS SEO single.php webツール WEBデザインツール Wordpress アイコン アーカイブ エディタ カスタム カスタムタクソノミー カスタムフィールド カスタムフィールドテンプレート カスタム投稿 カテゴリー カレンダー クリップアート サイドバー ターム テキスト テンプレートタグ パターン ブラシ プラグイン ヘッダ ページ 人気 便利 分岐 文法チェック 月別アーカイブ 特定カテゴリー 画像 記事