如何根据用户下拉选择选项更改查询？

<select id="options">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<button id="queryBtn">查询</button>

// 获取下拉选择框和查询按钮的元素
var optionsSelect = document.getElementById("options");
var queryBtn = document.getElementById("queryBtn");

// 为查询按钮添加点击事件的监听器
queryBtn.addEventListener("click", function() {
  // 获取用户选择的选项值
  var selectedOption = optionsSelect.value;

  // 根据选项值执行相应的查询操作
  switch (selectedOption) {
    case "option1":
      // 执行选项1的查询操作
      // ...
      break;
    case "option2":
      // 执行选项2的查询操作
      // ...
      break;
    case "option3":
      // 执行选项3的查询操作
      // ...
      break;
    default:
      // 默认情况下执行的查询操作
      // ...
      break;
  }
});