如何根据之前的下拉选项更改下拉内容？

Question

我认为这是可能的;我的html表单中有两个下拉列表，第一个用户选择他们是“支持”还是“学术”人员，他们需要选择他们工作的部门。

我想尝试做的只是在选择支持人员选项时显示支持部门，并且与学术人员的学术部门相同。

我不知道从哪里开始。

这是目前的代码：

<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>

Answer 1

JavaScript可以非常轻松地处理这个问题，例如

document.getElementById("YOUR_ID_OF_THE_SELECT_TAG").appendChild(YOUR_OPTION_TAG);