AjaxZip

郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されるJavaScriptです。

詳しくは本家をみたほうが早いでしょうが、以下に一番シンプルな使い方を載せておきます。

その他にも、都道府県をプルダウンにしたり、郵便番号を分けてありといろいろな使い方が可能です。

※AjaxZip3で、郵便番号辞書やコードをGooglDoc githubから取得する様になりました。¹⁾

※jQueryも不要になりました

以下のようにロードします。²⁾

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

へ。
組み込む

<form method="POST" action="http://～">
郵便番号：　〒<input type="text" name="zip" size="10" maxlength="8" 
  onKeyUp="AjaxZip3.zip2addr(this,'','addr','addr');"><br>
ご住所：　<input type="text" name="addr" size="60"><br>
</form>

AjaxZip2から引数の順序を変更されています。

オリジナルの引数は

AjaxZip2.zip2addr( '〒上3桁', '都道府県', '市区町村', '〒下4桁', '町域大字', '丁目番地' );

でしたが、

AjaxZip3.zip2addr( '〒上3桁', '〒下4桁', '都道府県', '市区町村', '町域大字', '丁目番地' );

となっています。

以下のようにロードします。³⁾

<script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>
<script>AjaxZip2.JSONDATA = 'ajaxzip2/data';</script>

<form method="POST" action="http://～">
郵便番号：　〒<input type="text" name="zip" size="10" maxlength="8" 
  onKeyUp="AjaxZip2.zip2addr(this,'addr','addr');"><br>
ご住所：　<input type="text" name="addr" size="60"><br>
</form>

ajaxzip3 世界一、簡単に設置できる郵便番号検索を目指して！

Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版）