1つのフォームに、郵便番号による自動入力が複数ある場合

1つのフォームに、郵便番号による自動入力が複数ある場合:

いつも住所の自動入力に使わせて頂いているyubinbango.js

今回は1つのフォーム内に、住所を入力する項目があった。

例えば以下のように

  • お届け先入力
  • 上記以外の住所入力
があったとする。(今回はEC-CUBE)

デフォルトのままだと、郵便番号を入力する場合、どちらの住所欄にも入力されてしまう。

別々にしたい住所欄フォームに対して、h-adrのClassをつけてあげる。

<div class="h-adr"> 
  <span class="p-country-name" style="display:none;">Japan</span> 
 
  〒<input type="text" class="p-postal-code" size="3" maxlength="3"> 
  <input type="text" class="p-postal-code" size="4" maxlength="4"><br> 
 
  <input type="text" class="p-region" readonly/><br> <input type="text" class="p-locality" readonly/><br> 
  <input type="text" class="p-street-address"/><br> <input type="text" class="p-extended-address"/> 
</div> 
これでバッチリ!

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2024-02-12 22:08:06 RSSフィード2024-02-12 22:00分まとめ(7件)