「郵便番号」を入力すると「自動で住所が入力される」フォームは、最近結構多いと思います。
とても便利なこの仕組みを簡単に設置することが可能なJSプラグイン「ajaxzip3」の設定をメモしておきます。
今回したい設定
- 郵便番号入力欄を２つに分けたい（〒「○○○-○○○○」にしたい）
- 「住所自動入力」ボタンを押す事によって、住所が自動で入るようにしたい
（入力しただけでは住所が自動で入らない） - フィールド分けを「都道府県＋市」「町村」としたい
HTMLの設定
<dl>
<dt>〒 <input type="text" name="zip1"> - <input type="text" name="zip2">
<input type="button" onclick="AjaxZip3.zip2addr('zip1','zip2','addr1','addr1','addr2');" value="住所自動入力"></dt>
<dd><input type="text" name="addr1"></dd>
<dd><input type="text" name="addr2"></dd>
</dl>
ajaxzip3-https.jsのカスタマイズ
jsファイルをダウンロードして、以下の部分を変更しました。
変更前
"沖縄県"];AjaxZip3.zip2addr=function(h,g,k,b,a,l)
変更後
"沖縄県"];AjaxZip3.zip2addr=function(h,g,k,b,l,a)
- プラグイン配布サイト
- ajaxzip3
素敵なプラグインをありがとうございます！！！！
今回は上記のサイトを参考に、必要な部分を抜粋してまとめた記事になります。
情報を誠にありがとうございます！！！！
コメント