
>
Wordpress > wordpress「MW WP Form」で郵便番号から住所を自動入力する
wordpress「MW WP Form」で郵便番号から住所を自動入力する 2015年9月3日
Tag:Wordpress | テンプレートタグ | プラグイン
WordPressのプラグイン、「MW WP Form」で、郵便番号を入力すると住所が自動入力される様にします。
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="番地ビル"]