お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascriptajaxzip3が便利です。
郵便番号の入力フォームが3桁 + 4桁と分離されている場合も、7桁でひと続きで入力する場合も、両方対応しています。
また、住所の自動入力は都道府県と市町村以下を分離して自動入力できますし、都道府県以下ひと続きで自動入力することもできますので自由度の高いスクリプトです。
ajaxzip3 の設置
<head>内にajaxzip3.jsファイルを設置します。|
1 2 3 |
<head> <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> </head> |
また、以下のページよりajaxzip3.jsファイルをダウンロードして<head>内に設置しても動きます。
ajaxzip3
|
1 2 3 |
<head> <script src="./ajaxzip3.js" charset="UTF-8"></script> </head> |
郵便番号7 桁で入力
まずは郵便番号を7桁入力して、都道府県以下の住所を自動入力するコードです。|
1 2 3 |
<input type="text" name="zip01" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','addr11','addr11');"> <input type="text" name="addr11" size="40"> |
郵便番号7桁を入力すると、住所が自動入力されます。