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

郵便番号から住所を検索する #1

jQuery lookup プラグイン を使って、指定した郵便番号の住所を検索し、その結果をリスト表示します。

    <script type="text/javascript">
    //<![CDATA[
    jQuery(function($) {
      jQuery(document.f)
        .submit(function() {
          jQuery('#r')
            .empty()
            .lookup(document.f.c.value, function(response) {
              jQuery.each(response, function() {
                jQuery('<li>')
                  .text(this.a + ' (' + this.k + ')')
                  .appendTo('#r');
              });
            });
          return false;
        });
    });
    //]]>
    </script>
    
    <form name="f">
    <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.