如何从Bootstrap筛选器/搜索中获取当前选定的项目？

<!-- HTML代码 -->
<div class="form-group">
  <label for="filter">筛选器：</label>
  <select class="form-control" id="filter">
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
  </select>
</div>

<script>
  // JavaScript代码
  var filterElement = document.getElementById("filter");
  
  filterElement.addEventListener("change", function() {
    var selectedOption = filterElement.value;
    console.log("当前选定的项目是：" + selectedOption);
    // 在这里进行相应的操作，根据选定的项目执行相应的逻辑
  });
</script>