# 住所自動入力

**URL:** <https://community.shopify.com/t/topic/172478>\
**Category:** 技術的なQ＆A\
**Created:** [December 1, 2022, 4:07am UTC](https://community.shopify.com/t/topic/172478 "2022-12-01T04:07:35Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

ユーザーがShopifyのDawnテーマで日本の住所自動入力機能を実装中。英語・日本語の二言語サイトで、AjaxZip3スクリプトを使用している。

**発生している問題：**
- 日本語では全フィールドが正しく自動入力される
- 英語表示時に都道府県が「Aichi」などローマ字のまま表示される
- 国の選択肢が日本のみに制限される

**試した解決策：**
- `customers/addresses.liquid`にスクリプトを追加
- 他の質問を参考に修正を試みたが、英語でも都道府県が漢字表示になってしまう
- `data-default`属性に都道府県名の置換ルールを追加（例：'Aichi' → '愛知県'）
- この変更により編集時のプルダウンは正しく表示されるようになった

**残る課題：**
プルダウンの表示順が英語のアルファベット順になっており、適切な並び順に修正する方法を探している。

議論は現在も解決策を模索中で、完全な解決には至っていない。

<div class="post-metadata">

**Author:** ![randomstream](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@randomstream](https://community.shopify.com/u/randomstream)\
**Post date:** [December 1, 2022, 4:07am UTC](https://community.shopify.com/t/topic/172478/1 "2022-12-01T04:07:35Z")

</div>

テーマは Dawn をつかっています。サイトは英語と日本語です。マイページで日本語の場合は自動入力で全てのフイールドは入力されますが英語の場合は県は表示されなくてAichiのままになっています。英語で県を自動に表示したい場合はどうすれば良いでしょか？

theme.liquidにこのスクリップトを追加しました：

customers/address.liquidにこのように足しまた:

onKeyUp=“AjaxZip3.zip2addr(this,‘’,‘address[province]’,‘address[city]’,‘address[address1]’);”

---

<div class="post-metadata">

**Author:** ![randomstream](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@randomstream](https://community.shopify.com/u/randomstream)\
**Post date:** [December 1, 2022, 5:54am UTC](https://community.shopify.com/t/topic/172478/2 "2022-12-01T05:54:37Z")

</div>

他の質問の答えを見ながら直しました。英語でも県は漢字になります。国の選択も日本だけになります。

[https://community.shopify.com/post/1116455](https://community.shopify.com/post/1116455)

---

<div class="post-metadata">

**Author:** ![randomstream](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@randomstream](https://community.shopify.com/u/randomstream)\
**Post date:** [December 2, 2022, 6:52am UTC](https://community.shopify.com/t/topic/172478/3 "2022-12-02T06:52:07Z")

</div>

さらにdata-defaultを変更したら編集のプルダウンも正しくに表示します。

---

<div class="post-metadata">

**Author:** ![randomstream](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@randomstream](https://community.shopify.com/u/randomstream)\
**Post date:** [December 2, 2022, 6:53am UTC](https://community.shopify.com/t/topic/172478/4 "2022-12-02T06:53:16Z")

</div>

ただ、プルダウンは英語順になっています。直し方法はあるでしょうか？