マトリックスのドロップダウンを使用したフロントエンドフォーム – 新規追加

Emergency
Contacts（ハンドル：emergencyContact）と呼ばれるMatrixフィールドがあり、ユーザーがフロントエンドで追加/更新できるように設定しています。それは1つのブロックタイプを持っています
– 連絡先 – 4つのフィールド：

• 名前（プレーンテキスト – ハンドル：contactName）
• 関係（ドロップダウン – ハンドル：contactRelationship）
• 電話機（入力マスク – ハンドル：contactPhone）
• 電子メール（プレーンテキスト – ハンドル：contactEmail）

私は、既存の情報を表示するとすべてが正しく表示されます。しかし、新しい緊急連絡先に入るときには、ドロップダウンメニューを入力して選択するためのオプションを設定するための正しい構文を理解することができません。

以下は私のコードです。私はいくつかの異なることを試しましたが、そのほとんどが私にエラーを与えました。これは私の最新の試みです。

<input type="hidden" name="fields[emergencyContact][new1][type]" value="contact">
<input type="hidden" name="fields[emergencyContact][new1][enabled]" value="1">
<div class="grid-x grid-padding-x">
    

Name<input type="text"
name="fields[emergencyContact][new1][fields][contactName]">

Relationship {{ option.label }}

Phone<input type="text"
name="fields[emergencyContact][new1][fields][contactPhone]">

Email<input type="email"
name="fields[emergencyContact][new1][fields][contactEmail]">

 
</div>

誰でも私がこの解決を手助けすることができますか？