Javascript 从下拉菜单创建复选框

我试着为我的问题寻找一个有效的解决方案，但经过几天的研究，一个解决方案还是没有找到，这就是为什么我请求你的帮助

基本上，我想做的是有一个下拉菜单，里面有几个年份组选项。例如，下拉菜单中有第7年、第8年、第9年等等

一旦他们选择了第7年，系统将只创建一个复选框。对于第8年和第9年，应该创建两个复选框，因为他们可以选择一个或两个科目

如果下拉菜单未更改，则不应有复选框

我希望这些都有意义，你们能给我一个答案。

---

提前谢谢。

有很多答案，十几个答案已经被问到并解决了。为什么它不适合您，或者您只需要什么？

那么类似这样的东西：

var subjectMap={
“第七年”：[“数学”]，
“第八年”：[“数学”、“英语”]，
“第九年”：[“数学”、“英语”、“法语”]，
“第10年”：[“法语”、“历史”、“地理”]
}
$（文档）.ready（函数（）{
for（科目图中的var年）{
$（'#yearGroup'）。追加（$（''，{value:year，text:year}））；
}
$（'#yearGroup'）。更改（函数（）{
var selectedYear=$（“#yearGroup选项：selected”）.val（）；
$（“输入：radio[name='subjects']）.hide（）.attr（'checked'，false）；
$（“输入：radio[name='subjects']）{
$（“#label”+$（this.val（））.hide（）；
});
对于（科目映射[selectedYear]中的var availableSubject）{
$（“#”+subjectMap[selectedYear][availableSubject]）.show（）；
$（“#”+subjectMap[selectedYear][availableSubject]）。每个（函数（）{
$（“#label”+$（this.val（））.show（）；
});
} 
}).change（）；
});



数学
英语
法语
历史
地理
将你想做的事情可视化会有所帮助。你问题的后半部分令人困惑。非常感谢！！我知道有很多jQuery插件，但我特别想用javascript来实现。