【Web】郵便番号入力で住所を自動入力

※Web関連のプログラム等を作成の備忘録的なものになります。
今回は郵便番号を入力すると住所を自動で入力する方法になります。
今までは以前作成していたものを使いまわしていたのですが、まずDBが必要、郵便局から郵便番号データダウンロードして使えるようにデータを整形、DBに登録(10万件以上)という作業を、郵便番号が更新される毎に必要になったりして少し大変でした。


ということで、今更ですが、簡単な方法がないか調べてみた所、すぐに見つかりました。
「jQuery.zip2addr.js」
というjavascriptをkotarok様が公開してくれていました。
ありがとうございます。
使い方は簡単で「jQuery」と「jQuery.zip2addr.js」を読み込み、郵便番号と住所の入力欄にIDを入れて郵便番号の入力欄にイベントに『$(‘#zip’).zip2addr(‘#address’);』を入れるだけです。
※上記例:郵便番号ID「zip」、住所ID「address」
以下README
* Google日本語入力APIを利用し、完全にメンテナンスフリーな住所補完機能を提供します。
* フロントエンドのJavaScriptのみで作動するため、サーバーサイドに手を加える必要はありません。
* 数行のJavaScriptを書くだけで簡単に既存のフォームに実装できます。
* Demo: http://dl.dropbox.com/u/534/zip2addr/sample.html

Share

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Optionally add an image (JPEG only)