住所自動入力のやりかた

ajaxzip3というライブラリを使用して住所の自動入力を可能にします。 まずはfunctions.phpで以下のようにajaxzip3を読み込みましょう

 add_action( 'wp_enqueue_scripts', 'my_ajaxzip3' ); function my_ajaxzip3() { wp_enqueue_script( 'ajaxzip3', 'http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js' ); } 

管理画面にて、「郵便番号」「住所」の入力欄を作って、郵便番号には「zip」というclassを付けます。 スクリーンショット 2013-05-28 0.43.20   そして、下記のjsを作成します

 jQuery(document).ready(function($){ $("#trust-form .zip").keyup(function(){ var zip = $(this).parents('tr').next().find('input').attr('name'); AjaxZip3.zip2addr(this, '', zip, zip); }); }); 

これで住所の自動入力が出来ます。 フォームが下記のように都道府県、市町村といったように分かれてる場合もあります。 スクリーンショット 2013-05-28 1.06.35 その場合は下記のようにjsを書いて下さい


<script type="mce-mce-mce-mce-mce-mce-text/javascript">// <![CDATA[
jQuery(document).ready(function($){
	$("#trust-form .zip").keyup(function(){
		var zip = $(this).parents('tr').next().find('input').attr('name');
		var zip2 = $(this).parents('tr').next().next().find('input').attr('name');
		AjaxZip3.zip2addr(this, '', zip, zip2);
	});
});
// ]]></script>

28 thoughts on “住所自動入力のやりかた

  1. RT @tatzuya: なんてこった…そんなことができるなんて…RT @horike37: 住所自動入力がTrust Formで出来る方法よー!いやー、住所自動入力まで出来るなんて、なんてこったい☆・:゚*オォヾ(o´∀`o)ノォオ*゚:・☆ http://t.co/Kg1ZbKLFut

Comments are closed.