如何根据'Dropdown A‘上选中的选项禁用'Dropdown B’的某些选项？

<select id="dropdownA" onchange="disableOptions()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="dropdownB">
  <option value="optionA">Option A</option>
  <option value="optionB">Option B</option>
  <option value="optionC">Option C</option>
</select>

function disableOptions() {
  var dropdownA = document.getElementById("dropdownA");
  var dropdownB = document.getElementById("dropdownB");
  
  // 获取选中值
  var selectedValue = dropdownA.value;
  
  // 根据选中值禁用'Dropdown B'的某些选项
  if (selectedValue === "option1") {
    dropdownB.options[1].disabled = true; // 禁用Option B
  } else if (selectedValue === "option2") {
    dropdownB.options[0].disabled = true; // 禁用Option A
    dropdownB.options[2].disabled = true; // 禁用Option C
  } else {
    dropdownB.options[0].disabled = false; // 启用Option A
    dropdownB.options[1].disabled = false; // 启用Option B
    dropdownB.options[2].disabled = false; // 启用Option C
  }
}