しばらくボードを検索してきましたが (ここと Google の両方で)、探しているものが見つからないようです。（見落としていたらすみません。これは迷惑な/冗長な質問と見なされます。）
以前に選択した変数に基づいて大量のドロップダウンを持つフォームに取り組んでいます。個々のフィールドを作成し、選択に基づいて非表示/表示するよりも簡単な方法を考え出そうとしていました。最終的には、3 ～ 5 レベルのメニューを持つ「ツリー」を目指しています。（私のものではなく、クライアントが行っています。）
ロジックの外観:
変数: type、offer1、offer2、insert1、insert2、insert3、...
ここで、[type] は [offer1,2] を決定します。[offer1,2] にはそれぞれ最大 3 つの変数 [insert1,2,3...] があります。
したがって、ユーザーがタイプ A を選択した場合: Offer1 = Array A (Insert1 = ArrayA1、Insert2 = ArrayA2、Insert3 = null) および Offer2 = Array B (Insert4 = ArrayB4、Insert5 = null); などなど。
これまでのところ、私が見つけたものはすべて最初の層だけを処理しているようで、JS は私の得意分野ではありません。正しい方向を指していれば、大歓迎です。