岩家ぶろぐ

フォームで住所を入力する作業を簡単にできないものかと探していたところ，次のライブラリを発見しました．

AjaxZip 2.0 – Ajax郵便番号→住所自動入力フォーム（CGI不要版）
AjaxZip 2.0 – Ajax郵便番号→住所自動入力フォーム（CGI不要版）

郵便番号を入力 → 住所検索ボタンを押す → 住所が自動入力される，というのが現在の定番（かな？）ですが，このライブラリを使えば，郵便番号を入力 → 住所自動入力，とさらに 1ステップ手間が軽減されます．

外部ファイルを指定し，郵便番号入力テキストボックスに onkeyup イベントハンドラ登録するだけと，導入も非常に簡単です．

ブラウザベースで住所入力を必要とするようなアプリケーションならば，このライブラリさえあれば，どんなものでも解決できそうですね．

おまけ

ajaxzip2.js の “JSON取得後のコールバック関数” の最後に以下を追加することで，郵便番号入力後，自動で入力された住所のテキストボックスがフォーカスされ，同時に文字列の最後へカーソルが移るようになります．

郵便番号と番地以降のみの入力をキーボードから手を離さずに行えるようになる，それだけのことです．

1
2
3

var len = addr.value.length;
if( addr.setSelectionRange ) { addr.setSelectionRange(len, len); }
addr.focus();

ただ，このスクリプトでは IE に対応しません （Opera9 と Firefox1.5 では確認してます）．TextRangeオブジェクトをどうこうするといいらしいのですが．．．

こちらもあわせてどうぞ