使用 Javascript 创建变量数组(动态，下拉）

我已经在板上搜索了一段时间（在这里和谷歌），似乎找不到我在找什么。（对不起，如果我错过了它，这符合一个烦人/多余的问题。

我正在处理基于先前所选变量的大量下拉列表的表单。我试图想出一种更简单的方法，而不是必须创建单个字段，然后根据选择隐藏/显示。最终，我的目标是一个具有 3-5 级菜单的"树"。（客户在做，不是我的。

逻辑是这样的：变量：类型、优惠 1、优惠 2、插入
1、插入 2、插入 3,...
其中 [type] 确定 [offer1，2]，每个最多有 3 个变量 [insert1，2，3...]

因此，如果用户选择类型 A：Offer1 = 数组 A（Insert1 = ArrayA1，Insert2 = ArrayA2，Insert3 = null），Offer2 = 数组 B（Insert4 = ArrayB4，Insert5 = null）;依此类推。

到目前为止，我找到的所有内容似乎都只能处理第一层，而JS并不是我的强项。任何指向正确方向的点将不胜感激。