如何在选择多个下拉菜单时启动功能

<select id="dropdown1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

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

// 获取下拉菜单元素
var dropdown1 = document.getElementById("dropdown1");
var dropdown2 = document.getElementById("dropdown2");

// 添加事件监听器
dropdown1.addEventListener("change", function() {
  // 调用功能代码
  performFunction();
});

dropdown2.addEventListener("change", function() {
  // 调用功能代码
  performFunction();
});

// 功能代码
function performFunction() {
  // 根据选择的选项执行相应的功能
  var selectedOption1 = dropdown1.value;
  var selectedOption2 = dropdown2.value;

  // 示例功能：根据选择的选项显示不同的文本
  if (selectedOption1 === "option1" && selectedOption2 === "optionA") {
    console.log("Function 1");
  } else if (selectedOption1 === "option2" && selectedOption2 === "optionB") {
    console.log("Function 2");
  } else {
    console.log("Default Function");
  }
}