# 同条件で依存フィールドを複数個表示したい場合

**URL:** <https://community.hubspot.com/t/topic/20132>\
**Category:** Tips, Tricks & Best Practices\
**Created:** [April 16, 2020, 11:40pm UTC](https://community.hubspot.com/t/topic/20132 "2020-04-16T23:40:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![TakuyaAimi](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@TakuyaAimi](https://community.hubspot.com/u/TakuyaAimi)\
**Post date:** [April 16, 2020, 11:40pm UTC](https://community.hubspot.com/t/topic/20132/1 "2020-04-16T23:40:14Z")

</div>

依存フィールドは1つしか選択できないようです。

同一条件で複数の依存フィールドを表示したい場合は、同一条件で別のルールとして追加しないといけないでしょうか。

この場合、横並びができそうになかったり、順序の入れ替えが一度削除しないといけなさそうなのですが、何かいい方法を御存知の方はいらっしゃいませんか？

---

<div class="post-metadata">

**Author:** ![natsumimori](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/natsumimori/32/39807_2.png) [@natsumimori](https://community.hubspot.com/u/natsumimori)\
**Post date:** [April 17, 2020, 4:36am UTC](https://community.hubspot.com/t/topic/20132/2 "2020-04-17T04:36:03Z")

</div>

@TakuyaAimi さん

HubSpotコミュニティーへの投稿ありがとうございます！

[依存フィールド](https://knowledge.hubspot.com/jp/forms/use-dependent-form-fields)ですが、おっしゃるように１レイヤーのみ質問を追加することができ、２レイヤー以上質問を追加することはできません。（依存フィールドに複数の質問を追加したい、というアイデアが投稿されていましたので[こちらにリンクします](https://community.hubspot.com/t5/HubSpot-Ideas/Multi-level-dependent-fields/idi-p/11471)。）

どうしても複数の依存フィールドを使用したい場合は、カスタムフォームを作成し、送信データを[API](https://developers.hubspot.com/docs/methods/forms/submit_form)でHubSpotに入れるのがよいかなと思います。

@Keit さん、何か他に方法をご存知でしたら共有いただけますでしょうか？

---

<div class="post-metadata">

**Author:** ![Keit](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/keit/32/13289_2.png) [@Keit](https://community.hubspot.com/u/Keit)\
**Post date:** [April 17, 2020, 5:18am UTC](https://community.hubspot.com/t/topic/20132/3 "2020-04-17T05:18:49Z")

</div>

@TakuyaAimi さん、ご無沙汰しておりますw

@natsumimori さんが返答されているように、依存フィールドは、仕様上の制限があるので、2レイヤー以上、質問追加ができません。

外部の拡張になりますが、例えば[Typeform](https://www.typeform.com/)や、[SurveyMonkey](https://jp.surveymonkey.com/)などとHubSpotを連携させて、利用することでTypeformやSurveyMonkeyのフォームを利用できますので、依存フィールドなどの条件分岐が行えるようになり、連携設定をしていれば、データもHubSpotに登録することが可能です。

上記に付随して、プロパティデータを任意のプロパティに格納するのに、

ワークフローを使って、プロパティのコピーなどの調整作業は必要になる可能性があります。

---

<div class="post-metadata">

**Author:** ![TakuyaAimi](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@TakuyaAimi](https://community.hubspot.com/u/TakuyaAimi)\
**Post date:** [April 21, 2020, 12:27am UTC](https://community.hubspot.com/t/topic/20132/4 "2020-04-21T00:27:34Z")

</div>

@Keit さん、ご無沙汰しております！

ご回答いただけるのではないかと、少し期待しておりました！

外部拡張と組み合わせて利用する必要があるのですね。

フォームは重要だと考えているので、HubSpotだけで細かい設定が行えることに期待しておきます！

ありがとうございました。

---

<div class="post-metadata">

**Author:** ![TakuyaAimi](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@TakuyaAimi](https://community.hubspot.com/u/TakuyaAimi)\
**Post date:** [April 21, 2020, 12:24am UTC](https://community.hubspot.com/t/topic/20132/5 "2020-04-21T00:24:51Z")

</div>

@natsumimoriさん、ありがとうございます。

やはり標準のフォームではできないのですね。

アイデアの共有もありがとうございます！

随分前からリクエストがあがっているようですね。Voteしました！

横並びはCSSで解決できそうですが、並び順の変更は…実装をお待ちしております  
 ![16x16_smiley-mad.png.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/984dd4a13c875f57cf235052147b60e9ed6c626c.png)

---

<div class="post-metadata">

**Author:** ![TakuyaAimi](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@TakuyaAimi](https://community.hubspot.com/u/TakuyaAimi)\
**Post date:** [April 21, 2020, 12:29am UTC](https://community.hubspot.com/t/topic/20132/6 "2020-04-21T00:29:30Z")

</div>

利用シーンは限られると思いますが、依存フィールドを2つ横並びで表示するCSSを共有しておきます。

（依存フィールドは同一条件で複数追加します。）

```auto
.hs-dependent-field {
 display: flex;
 flex-wrap: wrap;
}
.hs-dependent-field > .hs-form-field:first-child {
 width: 100%;
}
.hs-dependent-field > .hs-form-field:nth-child(n+2) {
 flex: 1 1 50%;
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
 .hs-dependent-field > .hs-form-field:nth-child(n+2) {
 flex-basis: 100%;
 }
}

```