问更新/保存完全由JS中的其他下拉菜单填充的动态下拉菜单的值

EN

我希望能够使一系列的下拉菜单，本身就是由下拉菜单填充。当用户更新其中一个基本选择时，我只想在所选的选择发生更改的情况下更改辅助选择。例如：

"Base menus" (all dropdown menus)

Menu 1 options: "red", "blue", "green"
Menu 2 options: "House", "Shed", "Complex"
Menu 3 options: "small", "tiny", "Huge", "normal"
Menu 4 options: "expensive", "cheap", "average"

"Secondary Menus"
Menu 5 options: "Result of Menu 1", "Result of Menu 2", Result of Menu 3", Result of Menu 4";
Menu 6 options (Same as menu 5)
Menu 7 options (same as menu 5)

然后，我希望用户在菜单1-4中选择他们想要的任何内容，然后在菜单5- 7中选择他们想要的内容。然后，当他们更改前4个菜单中的任何一个选择时，该更改将根据需要通过菜单5-7动态填充(这两个选项都是新的下拉选择选项，如果它被选中，则替换该选项)。

这看起来应该很简单，但我对html和js非常陌生，而且我还在学习其中的许多代码是如何工作的(我以前用其他语言编程，但这已经足够不同了，结构对我来说仍然是陌生的)。我可以做上面的工作，但它是通过暴力强制的html，并且每当一个基本选项被“更新”时，它将所有的二级菜单重置为默认的……因此，我真的希望能够将二级菜单选项设置为“你在菜单1-4中选择的任何选项”，而不是硬编码，并在每次“基础菜单”发生变化时运行一些脚本来重新填充选项(这就是我目前正在做的)。

有谁能给我指个方向吗？我甚至不知道去哪里查找，或者查找什么语法/函数或Google来查找有用的信息……

顺便说一句，我正在尝试CSS，但我真的一点也不理解这些代码；到目前为止，我对js和html的了解还不错，还没有真正破解过CSS。