郵便番号入力から住所自動挿入

郵便番号の入力フォームに番号を入力すると、自動で住所フォームに住所を入力

contact form 7を利用している場合は、別でjQueryが必要

### 通常の場合 ### /* ライブラリ読み込み */

<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>

/* フォーム用意 */

// 都道府県、市町村群に分ける場合
<input type="text" name="zip01" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','pref01','addr01');">
<input type="text" name="pref01" size="20">
<input type="text" name="addr01" size="60">

// 都道府県、市町村群を分けない場合
<input type="text" name="zip11" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','addr11','addr11');">
<input type="text" name="addr11" size="60">

### contact form 7を利用してる場合 ### /* ライブラリ読み込み */

<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
<script type="text/JavaScript">
$(function(){
	// 郵便番号のフォームにつけたID名
	$('#zip').keyup(function(event){
		// 第1引数(郵便番号のname名)、第2引数（空）、第3引数（県のname名）、第4引数（市のname名）
		AjaxZip3.zip2addr('form_zip','','form_pref','form_address');
		return false;
	})
})