如何将值从枚举选择列表传递到控制器以过滤结果

<select id="filterSelect">
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

<script>
  document.getElementById("filterSelect").addEventListener("change", function() {
    var selectedValue = this.value;

    // 发送AJAX请求给后端控制器
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "/controller?filter=" + selectedValue, true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 处理后端返回的数据
        var response = JSON.parse(xhr.responseText);
        // 渲染数据到页面
        // ...
      }
    };
    xhr.send();
  });
</script>

app.get("/controller", function(req, res) {
  var filterValue = req.query.filter;

  // 根据filterValue进行过滤操作
  // ...

  // 生成响应数据
  var responseData = {
    // ...
  };

  res.json(responseData);
});