ユーザ用ツール

サイト用ツール


サイドバー

Index

はじめてのおつかい






DokuWiki整形記法


PlayGround



web:js:ajaxzip

AjaxZip

郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されるJavaScriptです。

詳しくは本家をみたほうが早いでしょうが、以下に一番シンプルな使い方を載せておきます。

その他にも、都道府県をプルダウンにしたり、郵便番号を分けてありといろいろな使い方が可能です。

※AjaxZip3で、郵便番号辞書やコードをGooglDoc githubから取得する様になりました。1)
※jQueryも不要になりました

シンプルな使い方(AjaxZip3)

Load

以下のようにロードします。2)

<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>

へ。 組み込む

<form method="POST" action="http://~">
郵便番号: 〒<input type="text" name="zip" size="10" maxlength="8" 
  onKeyUp="AjaxZip3.zip2addr(this,'','addr','addr');"><br>
ご住所: <input type="text" name="addr" size="60"><br>
</form>

注意

AjaxZip2から引数の順序を変更されています。

オリジナルの引数は

AjaxZip2.zip2addr( '〒上3桁', '都道府県', '市区町村', '〒下4桁', '町域大字', '丁目番地' );

でしたが、

AjaxZip3.zip2addr( '〒上3桁', '〒下4桁', '都道府県', '市区町村', '町域大字', '丁目番地' );

となっています。

シンプルな使い方(旧:AjaxZip2)

Load

以下のようにロードします。3)

<script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>
<script>AjaxZip2.JSONDATA = 'ajaxzip2/data';</script>

組み込む

<form method="POST" action="http://~">
郵便番号: 〒<input type="text" name="zip" size="10" maxlength="8" 
  onKeyUp="AjaxZip2.zip2addr(this,'addr','addr');"><br>
ご住所: <input type="text" name="addr" size="60"><br>
</form>

参考

1)
Google Codeの閉鎖に伴いgithubから取得する様になりました
2)
prototypeやjQueryは不要です
3)
その他にprototypeまたはjQueryが必要です
web/js/ajaxzip.txt · 最終更新: 2017/11/10 15:54 by hayashi