Javascript 基于另一个选定选项更改选择选项

当我从学期中选择一个选项时，它应该打开该学期的科目，而不是其他任何地方。学期和科目有两个不同的选项框

选择。。。
Sem1
Sem2
Sem3
Sem4
Sem5
Sem6
Sem7
Sem8
学期
选择。。。
应用数学-1
应用物理学-1
应用物理-2
主题名称

您需要使用javascript定义下拉内容， 检查此代码段，了解如何清除旧选项并添加与所选内容相关的新选项

您可以将新选项作为child附加到dropdownlist

函数dynamicdropdown（n）{
var arr1=[“sem1期权”、“sem1期权”、“sem1期权”、“sem1期权”、“sem1期权”、“sem1期权”]；
var arr2=[“sem2期权”、“sem2期权”、“sem2期权”、“sem2期权”、“sem2期权”、“sem2期权”]；
如果（n==“Sem1”）{
document.getElementById（'Sub1'）。innerHTML=''；
对于（变量i=0；i

选择。。。
Sem1
Sem2
Sem3
Sem4
Sem5
Sem6
Sem7
Sem8
学期
选择。。。
应用数学-1
应用物理学-1
应用物理-2
主题名称

我不知道我是否完全理解你，但你想要这样的东西吗

标题
选择。。。
Sem1
Sem2
Sem3
学期
选择一个sem。。。
主题名称
函数doHTML（列表）{
让字符串=”；
设指数=0；
list.forEach（元素=>{
字符串+=`${element}`；
});
返回字符串；
}
函数dynamicdropdown（sem）{
让被试1=[“应用数学-1”，“应用物理-1”]；
让被试2=[“应用数学-2”，“应用物理-2”]；
让主题3=[“应用数学-3”，“应用物理-3”]；
让genDropdown=document.getElementById（“genDropdown”）；
如果（sem==“Sem1”）{
genDropdown.innerHTML=doHTML（主题1）；
}
如果（sem==“Sem2”）{
genDropdown.innerHTML=doHTML（subjects2）；
}
如果（sem==“Sem3”）{
genDropdown.innerHTML=doHTML（subjects3）；
}
}

yaa它可以工作，但你能帮我解释一下你的脚本吗……我对javascript还不熟悉，所以脚本中的大部分内容。。。感谢course@LuciferM，函数

doHTML

获得一个数组，如果函数得到[a，b]返回“ab”，则通过forEach生成一个文本html字符串，然后您需要在代码html中定义一个元素以获取JavaScript中的元素（在我的例子中是id为genDropdown的元素），我用

document.getElementById（“genDropdown”）

来处理它，根据输入（第一个下拉列表），您可以使用属性“innerHTML”（这个属性放在html字符串中的元素中）@LuciferM来分配一个文本html或其他文本，如果您仍然有疑问，您可以按照要求进行。如果我的英语不是最好的，我也很抱歉感谢我了解这对2选项很好，如果我想连接3个下拉列表，即如果我选择了一个sem，那么下一个下拉列表应该给出该sem中主题的选项，在从该sem中选择主题后，下一个下拉列表应该给出与所选主题相关的章节