AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（C

質問

AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） を使用しています。

サンプルHTMLソース (3) 郵便番号3桁＋4桁分離型
<script src="ajaxzip2/prototype.js"></script>
<script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>

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

１項目だけの設定でしたら問題なく動作するのですが、
上記とまったく同等の項目を後3点増やしたいと考えております。

当然そのままコピペでソースを追加しただけでは動作しませんでした。
２項目以上設定する場合はどこを設定すればよいのでしょうか？

ご教授の程、お願いします。

回答No.1

nekomikekamo · ベストアンサー

入力フォームの名前を変更すればOKです。
例：1個目
<form method="POST" action="http://～">
郵便番号：　〒<input type="text" name="zip1_1" size="10" maxlength="8">
－ <input type="text" name="zip1_2" size="10" maxlength="8"
onKeyUp="AjaxZip2.zip2addr('zip1_1','addr1','addr1','zip1_2');"><br>
ご住所：　<input type="text" name="addr1" size="60"><br>

</form>
例：２個目
<form method="POST" action="http://～">
郵便番号：　〒<input type="text" name="zip2_1" size="10" maxlength="8">
－ <input type="text" name="zip2_2" size="10" maxlength="8"
onKeyUp="AjaxZip2.zip2addr('zip2_1','addr2','addr2','zip2_2');"><br>
ご住所：　<input type="text" name="addr2" size="60"><br>

</form>

例：３個目
<form method="POST" action="http://～">
郵便番号：　〒<input type="text" name="zip3_1" size="10" maxlength="8">
－ <input type="text" name="zip3_2" size="10" maxlength="8"
onKeyUp="AjaxZip2.zip2addr('zip3_1','addr3','addr3','zip3_2');"><br>
ご住所：　<input type="text" name="addr3" size="60"><br>
</form>