Postal Search APIs & Solutions
Postal Search APIs & Solutions
  • チュートリアル
  • ダイジェスト
  • リファレンス
  • デモ
  • テスト
  • 構築キット
  • with Gadgets
  • with jQuery
  • with Microformats
  • よくある質問
  • お問い合わせ
  • 利用規約
  • フォーラム
  • ブログ
Design by
Studio7designs
opensourcetemplates.org
ホーム > Postal Search Ajax API サンプル > ベーシック

郵便番号の住所を検索する

Postal.Lookup クラス を使って、指定した郵便番号の住所を検索し、その結果をリスト表示します。

    <script type="text/javascript">
    //<![CDATA[
    
    // window.onload
    window.onload = function() {
      run(document.f.c.value);
    }
    
    // run
    function run(c) {
      var lookup = new Postal.Lookup();
      lookup.onload = function() {
        var ul = document.getElementById('r');
        ul.innerHTML = '';
        for (var i=0; i<lookup.response.length; i++) {
          var addr = lookup.response[i];
          var li = document.createElement('li');
          li.appendChild(document.createTextNode(
            addr.a + ' (' + addr.k + ')'
          ));
          ul.appendChild(li);
        }
      };
      lookup.send(c);
    }
    
    //]]>
    </script>
    
    <form name="f" onsubmit="run(this.c.value); return false;">
    <input type="text" name="c" value="160-0021" size="20" />
    <input type="submit" name="g" value="検索" />
    </form>
    
    <ul id="r"></ul>
    

    関連情報

    ベーシック
    • 郵便番号から住所を検索する
    • 住所の単語から郵便番号を検索する
    • 住所の単語から郵便番号を検索してその住所を表示する
    送信フォーム
    • 郵便番号を住所に変換するフォーム
    • 郵便番号を住所とフリガナに変換するフォーム #1
    • 郵便番号を住所とフリガナに変換するフォーム #2
    • 郵便番号を住所に変換し、都道府県を選択するフォーム
    • 郵便番号を住所とフリガナに変換し、都道府県を選択するフォーム
    with jQuery
    • 郵便番号から住所を検索する #1
    • 郵便番号から住所を検索する #2
    • 送信フォームの入力形式を郵便番号に制限する
    • 住所の単語から郵便番号を検索する
    • 住所の単語から郵便番号を検索してその住所を表示する
    • 住所の単語から住所の候補をサジェスト表示する #1
    • 住所の単語から住所の候補をサジェスト表示する #2
    • 住所の単語から住所の候補をサジェスト表示する #3
    Google Maps API
    • ジオコーダを使って郵便番号の周辺地図を表示する
    • 都道府県の県庁所在地を日本地図に表示する
    • 都道府県を選択してその県庁所在地の周辺地図を表示する
    • ジオコーダを使わずに郵便番号の周辺地図を表示する
    BLOGRANGER API
    • 郵便番号の地域に関連するブログを検索する
    Copyright© 2007 LEARNING RESOURCE LAB and the Postal Search APIs & Solutions team.