【发布时间】：2018-11-12 03:31:49
【问题描述】：
我希望能够制作一系列下拉菜单，这些下拉菜单本身由下拉菜单填充。当用户更新基本选择之一时，我只想在已选择的选择发生更改时更改辅助选择。例如；
"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 中选择的任何内容”，而不是对其进行硬编码并运行一些脚本以在每次更改“基本菜单”之一时重新填充选项（这就是我目前的做法）。
谁能指出我正确的方向？我什至不知道在哪里看，或者要查找什么语法/功能，或者谷歌可以找到有用的信息......
顺便说一句，我很想尝试 CSS，但我真的一点也不理解那段代码；到目前为止，我对 js 和 html 有一定的了解，还没有真正破解过 CSS。
【问题讨论】：
标签： javascript html dynamic drop-down-menu