2011年02月01日

Web技術:郵便番号から住所検索する

「郵便番号から住所を自動入力する」という機能は、Web制作をやっているとある種必須の趣きすらありますが、何故か、Google様は「郵便番号から住所を自動入力」というような表現で検索すると、AjaxZip2のことを紹介したページばかり出てきます。

でも、時代は既にAjaxZip3になってますから!

AjaxZip3
http://code.google.com/p/ajaxzip3/


AjaxZip2のときには、データを自分のサーバ上にもってこなくてはならないのが面倒でしたし、結構な量なのでFTPで上げるのにも一苦労でしたが、AjaxZip3ではサーバにデータを上げる必要もないのが素晴らしいところ。

というわけで、簡単な紹介をしておきます。とりあえず、下記のサンプルをご覧ください。

郵便番号
住所1
住所2

ソースがどうなっているか、というのは見てもらってもいいのですが、面倒でしょうから、ここに載せておきます。
<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<br />
郵便番号 <input onkeyup="AjaxZip3.zip2addr(this,'','addr1','addr1',
'addr2','addr2');" name="zip" size="10" type="text" /><br />
住所1 <input name="addr1" size="30" type="text" /><br />
住所2<input name="addr2" size="30" type="text" /><br />
これだけで、簡単に実装できてしまうんです。便利でしょ?

ちなみに、都道府県がプルダウンメニューになっているものもOKですよ

郵便番号
都道府県
市町村以降

ここが凄いところなんだよね。痒いところに手が届くというか。こちらも一応ソースを載せておくと次の通り。

<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
郵便番号 <input onkeyup="AjaxZip3.zip2addr(this,'','pref_id','addr');" name="zip2" size="10" type="text" />
都道府県 <select name="pref_id">
<option>選んでください</option>
<option value="1">北海道</option>
<option value="2">青森県</option>
<option value="3">岩手県</option>
<option value="4">宮城県</option>
<option value="5">秋田県</option>
<option value="6">山形県</option>
<option value="7">福島県</option>
<option value="8">茨城県</option>
<option value="9">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13">東京都</option>
<option value="14">神奈川県</option>
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
<option value="19">山梨県</option>
<option value="20">長野県</option>
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
<option value="24">三重県</option>
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
<option value="40">福岡県</option>
<option value="41">佐賀県</option>
<option value="42">長崎県</option>
<option value="43">熊本県</option>
<option value="44">大分県</option>
<option value="45">宮崎県</option>
<option value="46">鹿児島県</option>
<option value="47">沖縄県</option>
</select><br />
市町村以降 <input name="addr" size="30" type="text" /><br />
良くできているよねぇ。本当に感謝してます!


dmatsu2005 at 02:34コメント(2)トラックバック(0) 
テクニック 

トラックバックURL

コメント一覧

1. Posted by osamuchos   2011年02月10日 01:12
5 郵便番号検索を最新に保つのに苦労していたので助かりました。
良い機能の紹介ありがとうございます!
2. Posted by アロハ   2011年02月10日 01:19
> 郵便番号検索を最新に保つのに苦労していたので助かりました。
> 良い機能の紹介ありがとうございます!

不思議とAjaxZip2までしか紹介されていないのですよね。
AjaxZip3がオススメです。メンテナーの方たちに感謝!!

コメントする

名前:
URL:
  情報を記憶: 評価:  顔   星
 
 
 
livedoor プロフィール

アロハ

痩せないと死ぬよっていう宣告を受けてしまったので、ダイエットに目覚めたプログラマー(約95kg)

広告

レンタルサーバーなら使えるねっと


Google AdSense
Google検索
訪問者数
  • 今日:
  • 昨日:
  • 累計:

オススメの書籍