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

郵便番号を住所とフリガナに変換するフォーム #1

送信フォームで入力した郵便番号から Postal.Lookup クラス を使って住所を検索し、その住所とフリガナを入力ボックスに表示します。

郵便番号
フリガナ
住所
<script type="text/javascript">
//<![CDATA[

// run
function run(c) {
  var lookup = new Postal.Lookup();
  lookup.onload = function() {
    if (lookup.response.length >= 1) {
      var addr = lookup.response[0];
      document.f.a.value = addr.a;
      document.f.k.value = addr.k;
    }
  };
  lookup.send(c);
}

//]]>
</script>

<form name="f" onsubmit="run(this.c.value); return false;">
<table>
<tr>
<td width="80">郵便番号</td>
<td>
<input type="text" name="c" value="160-0021" size="10" />
<input type="submit" name="g" value="検索" />
</td>
</tr><tr>
<td>フリガナ</td>
<td><input type="text" name="k" value="" size="60" /></td>
</tr><tr>
<td>住所</td>
<td><input type="text" name="a" value="" size="60" /></td>
<tr>
</table>
</form>

関連情報

ベーシック
  • 郵便番号から住所を検索する
  • 住所の単語から郵便番号を検索する
  • 住所の単語から郵便番号を検索してその住所を表示する
送信フォーム
  • 郵便番号を住所に変換するフォーム
  • 郵便番号を住所とフリガナに変換するフォーム #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.