用另一个组合框的值过滤一个组合框的值

// HTML代码
<select id="firstComboBox" onchange="filterSecondComboBox()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

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

// JavaScript代码
function filterSecondComboBox() {
  var firstComboBox = document.getElementById("firstComboBox");
  var secondComboBox = document.getElementById("secondComboBox");
  
  // 清空第二个组合框的选项
  secondComboBox.innerHTML = "";
  
  // 根据第一个组合框的值来筛选第二个组合框的选项
  switch (firstComboBox.value) {
    case "option1":
      // 添加第一种筛选后的选项
      secondComboBox.innerHTML += "<option value='optionA'>Option A</option>";
      break;
    case "option2":
      // 添加第二种筛选后的选项
      secondComboBox.innerHTML += "<option value='optionB'>Option B</option>";
      break;
    case "option3":
      // 添加第三种筛选后的选项
      secondComboBox.innerHTML += "<option value='optionC'>Option C</option>";
      break;
    default:
      // 添加默认选项
      secondComboBox.innerHTML += "<option value='default'>Please select an option</option>";
      break;
  }
}