如何触发两个select with on change with if条件on value

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

<select id="select2" onchange="handleSelectChange()">
  <option value="optionA">Option A</option>
  <option value="optionB">Option B</option>
</select>

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

  if (select1Value === "option1" && select2Value === "optionA") {
    // 执行条件1满足时的操作
    console.log("条件1满足");
  } else if (select1Value === "option2" && select2Value === "optionB") {
    // 执行条件2满足时的操作
    console.log("条件2满足");
  } else {
    // 执行其他情况下的操作
    console.log("条件不满足");
  }
}