Javascript 在两个选择菜单中显示某些值

我想使用香草JavaScript

如果选择“js双关”，则在“颜色”下拉菜单中隐藏三个“heart js”选项元素，显示三个“js双关”选项元素，并将“颜色”字段更新为第一个可用颜色

如果选择了“heart js”，则在“color”下拉菜单中隐藏三个“js双关”选项元素，显示三个“heart js”选项元素，并将“color”字段更新为第一个可用颜色

const select=document.getElementById（'title'）；
让textField=document.getElementById（'other-title'）.style.display=“无”；
const theme=document.getElementById（'design'）；
const themeChi=document.getElementById（'design'）.children；
const color=document.getElementById（'color'）；
const colorElement=document.createElement（'option'）；
const colorChi=document.getElementById（'color'）.children；
//
//
//尝试根据#设计选择显示颜色
theme.addEventListener（“change”，function（））{
for（设i=0；i

T恤衫信息
尺寸：
s
M
L
特大号
设计：
选择主题
主题-JS双关语
主题-I♥；JS
颜色：
矢车菊蓝（仅限JS双关衫）
深板灰色（仅限JS双关衬衫）
金色（仅限JS双关T恤）
番茄（仅限I♥；JS衬衫）
钢蓝色（仅限I♥；JS衬衫）
浅灰色（仅限I♥；JS衬衫）
请在问题中包含相关代码。不要仅仅在场外链接到它。一旦代码更改或消失，您的问题将不会为将来的读者提供任何价值。“我们需要一个问题本身的答案。”艾米现在更新了。谢谢，太好了。你现在有个好问题。欢迎来到Stack Overflow！。好了，现在我有机会回顾一下你的问题，我不确定你面临的问题是什么。你能详细说明一下吗？您是否遇到了错误，或者遇到了什么情况？我试图隐藏#颜色选择菜单中的所有选项，直到第一个选择菜单有一个选项为止。然后根据第一个选择菜单中选择的选项，我只想显示相关的特定选项。希望这是有意义的。请在问题中包含相关代码。不要仅仅在场外链接到它。一旦代码更改或消失，您的问题将不会为将来的读者提供任何价值。“我们需要一个问题本身的答案。”艾米现在更新了。谢谢，太好了。你现在有个好问题。欢迎来到Stack Overflow！。好了，现在我有机会回顾一下你的问题，我不确定你面临的问题是什么。你能详细说明一下吗？您是否遇到了错误，或者遇到了什么情况？我试图隐藏#颜色选择菜单中的所有选项，直到第一个选择菜单有一个选项为止。然后根据第一个选择菜单中选择的选项，我只想显示相关的特定选项。希望这是有道理的。