web:js:ajaxzip

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- web:js:ajaxzip [2017/11/10 06:54] – [AjaxZip] hayashi
+++ web:js:ajaxzip [2017/11/10 06:54] (現在) – [AjaxZip] hayashi
@@ 行 1: / 行 1: @@
+====== AjaxZip ======
+郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されるJavaScriptです。
+詳しくは本家をみたほうが早いでしょうが、以下に一番シンプルな使い方を載せておきます。
+その他にも、都道府県をプルダウンにしたり、郵便番号を分けてありといろいろな使い方が可能です。
+//※AjaxZip3で、郵便番号辞書やコードを<del>GooglDoc</del> githubから取得する様になりました。//((Google Codeの閉鎖に伴いgithubから取得する様になりました))\\
+//※jQueryも不要になりました//
+===== シンプルな使い方（AjaxZip3） =====
+==== Load ====
+以下のようにロードします。((prototypeやjQueryは不要です))
+  <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
+へ。
+組み込む
+<code html>
+<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>
+</code>
+==== 注意 ====
+AjaxZip2から引数の順序を変更されています。
+オリジナルの引数は
+  AjaxZip2.zip2addr( '〒上3桁', '都道府県', '市区町村', '〒下4桁', '町域大字', '丁目番地' );
+でしたが、
+  AjaxZip3.zip2addr( '〒上3桁', '〒下4桁', '都道府県', '市区町村', '町域大字', '丁目番地' );
+となっています。
+===== シンプルな使い方（旧：AjaxZip2） =====
+==== Load ====
+以下のようにロードします。((その他にprototypeまたはjQueryが必要です))
+  <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>
+===== 参考 =====
+[[http://code.google.com/p/ajaxzip3/|ajaxzip3 世界一、簡単に設置できる郵便番号検索を目指して！]]
+[[http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html|Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版）]]