几个可配置的下拉列表

我正在寻找一个下拉列表脚本，该脚本自动更新从初始下拉列表选择中做出的选择派生的几个子下拉列表中下拉列表下方的内容。

我在 http://www.javascriptsource.com/forms/dynamic-drop-down-list.html 试用了脚本，并花了 6 个小时试图让它对我有利，但我得出的结论是，我肯定做错了什么，需要帮助。

我想从一个下拉列表开始，其中包含可以构建的计算机的"类"。例如;终极、高、中、低。当用户选择其中一个选项时，下面的下拉菜单将解锁，提供新选项，当选择该选项时，下面的更新等，直到最后一项，即表单的末尾。

这是一个允许用户为自己构建PC的项目，但由于主板具有某些限制，例如RAM数量或CPU限额，容纳RAM/CPU的下拉菜单必须适应所选的主板等。

我想到的基本布局是;

请选择一个班级

[下拉菜单 1 "类"]

• 最终
• 高
• 中等
• 低

[下拉菜单 2 "主板"]

• 内容

[下拉菜单 3 "内存"]

• 内容

[下拉列表 4 "CPU"]

• 内容

[下拉菜单 5"光驱"]

• 内容

[下拉 6 "硬盘驱动器"]

• 内容

[下拉菜单 7"底盘"]

• 内容

[下拉菜单 8 "电源"]

• 内容

等。因此，假设您的主板仅支持 8GB RAM，那么 RAM 子下拉菜单将显示选项 2GB、4GB 和 8GB，但不会显示其他选项，例如 16GB 或 32GB。下拉列表不应仅锁定为 1 个下拉列表，但应始终保持灵活性，以防主板/CPU/RAM 不兼容，因此需要锁定某些项目。

也许列出可以在"终极"类别下制作的项目列表，然后下降到"低"？

如果有人能帮助我解决这个问题，我将不胜感激，甚至为我指出一个已经完成上述项目的类似项目的方向。