Html 如何根据先前的下拉列表选择更改下拉列表内容？

我假设这是可能的；我的html表单中有两个下拉列表，第一个用户选择他们是“支持”还是“学术”员工，第二个用户选择他们为哪个部门工作

我想尝试做的是，仅在选择了support staff（支持人员）选项时显示支持部门，对于有学术人员的学术部门也是如此

我不知道从哪里开始

这是当前的代码：

<select name="assessmenttype">
<option value="0" selected="selected">Please select</option>
<option value="1">Academic</option>
<option value="2">Support</option>
</select>

<select name="department">
<option value="0" selected="selected"> Please select</option>
<option value="42">Support</option>
<option value="1">Academic</option>
<option value="2">Support</option>
<option value="3">Academic</option>
</select>

---

例如，JavaScript可以很容易地处理这个问题

---

document.getElementByIdYOUR\u ID\u选择标签。appendChildYOUR\u选项标签

是的，我只是不知道如何在我的代码中实现它。