3.6難易度 ★★★★#動的#条件分岐

動的・条件付きフィールド

入力値による表示切替／連動select／行追加削除／マルチステップ

入力値による条件分岐／連動select／行の動的追加削除／マルチステップウィザード／アコーディオン折り畳みなど、DOMが動的に変化するケースを検証します。AIが状態変化に追随できるかが鍵。

① 入力値による条件分岐表示

お問い合わせ種別*

一般法人サポート

都道府県

市区町村

期待値: 東京都 → 千代田区

期待値: 3つの連絡先（taro@a.com / hanako@b.com / jiro@c.com）
※「連絡先を追加」を3回クリックして3行追加し、各行のinputにメールを入れる

Step 1Step 2Step 3

STEP 1: お名前

※全STEP通過しないと送信時に未入力扱い

追加情報1（クリックで展開）

部署

追加情報2

役職

※閉じたまま送信すると、AI視点では「見えない」フィールドへの入力が必要

エージェント識別:（URL ?agent=xxx でも指定可）

各フィールドには data-expected-value が埋め込まれています（?reveal=1 で可視化）。送信時に/api/submit へPOSTされ、結果はダッシュボードで確認できます。