有没有办法根据值有条件地关闭下拉菜单？

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

<script>
  var dropdown = document.getElementById("dropdown");
  
  dropdown.addEventListener("change", function() {
    var selectedValue = dropdown.value;
    
    // 根据选项值的条件判断是否关闭下拉菜单
    if (selectedValue === "option1") {
      dropdown.style.display = "none"; // 关闭下拉菜单
    }
  });
</script>