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ページ font functions.php google NEWマーク RSS single.php webツール WEBデザインツール Wordpress アーカイブ カスタム カスタムフィールド カスタムフィールドテンプレート カスタム投稿 カテゴリー カレンダー サイドバー ターム テキスト テンプレートタグ プラグイン ヘッダ ページ ポップアップ メニュー 並び替え 並べ替え 人気 便利 分岐 印刷 年別アーカイブ 投稿 投稿記事 改行 文字数 文法チェック 最新記事 月別アーカイブ 特定カテゴリー 画像