1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

いつも住所の自動入力に使わせて頂いている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>

これでバッチリ!

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?