删除基于动态选择下拉列表中选择的另一个选择的选择选项

<select id="firstDropdown" onchange="updateSecondDropdown(this)">
  <!-- 第一个下拉列表的选项 -->
</select>

<select id="secondDropdown">
  <!-- 第二个下拉列表的选项 -->
</select>

function updateSecondDropdown(selectedOption) {
  var secondDropdown = document.getElementById("secondDropdown");
  // 先清空第二个下拉列表的选项
  secondDropdown.innerHTML = "";

  // 根据选择的选项添加新的选项
  if (selectedOption.value === "option1") {
    secondDropdown.add(new Option("选项A", "A"));
    secondDropdown.add(new Option("选项B", "B"));
  } else if (selectedOption.value === "option2") {
    secondDropdown.add(new Option("选项C", "C"));
    secondDropdown.add(new Option("选项D", "D"));
  }

  // 删除之前选择的选项
  var previousSelection = document.getElementById("secondDropdown").value;
  if (previousSelection) {
    document.getElementById("secondDropdown").remove(document.getElementById("secondDropdown").selectedIndex);
  }
}