JavaScriptで郵便番号から住所を取得するツールを生成

JavaScript,自作ツール

Javascriptを使用して郵便番号から住所入力する方法、jQueryのプラグイン「jquery.jpostal.js」を使えば簡単にできます。

jquery.jpostal.jsのダウンロード

プラグインは下記の公式サイトからダウンロードすることができます。
jquery.jpostal.js

設置方法

Jqueryとjquery.jpostal.jsをインクロードする、または、ダウンロードしてサーバーに設置する。

<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>

ソースコード

*詳しくは、公式サイトを確認ください。

<input type="tel" name="post_code" id="post_code"><br>
<button type="button" id="search_address">住所検索</button><br>
<input type="text" id="address1"><br>
<input type="text" id="address2"><br>
<input type="text" id="address3"><br>

<script>
$(function(){
  $('#post_code').jpostal({
    click : '#search_address',
    postcode : [
      '#post_code'
    ],
    address : {
      '#address1' : '%3'
      '#address2' : '%4'
      '#address3' : '%5'
    }
  });
});
</script>
%3:都道府県
%4:市区町村
%5:町域
作成したツールはこちらになります。