如何处理来自映射项的多个选择元素的onchange事件

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

<select id="select2" onchange="handleSelectChange()">
  <option value="option4">Option 4</option>
  <option value="option5">Option 5</option>
  <option value="option6">Option 6</option>
</select>

function handleSelectChange() {
  var select1Value = document.getElementById("select1").value;
  var select2Value = document.getElementById("select2").value;

  // 执行相应的操作，根据选择元素的值进行条件判断或其他逻辑处理
  if (select1Value === "option1" && select2Value === "option4") {
    // 处理选项1和选项4被选择的情况
    // ...
  } else if (select1Value === "option2" && select2Value === "option5") {
    // 处理选项2和选项5被选择的情况
    // ...
  } else {
    // 处理其他情况
    // ...
  }
}