如何使用javascript显示或隐藏基于文本框的下拉列表

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

var textbox = document.getElementById("textbox");
var dropdown = document.getElementById("dropdown");

textbox.addEventListener("input", function() {
  if (textbox.value === "") {
    dropdown.style.display = "none"; // 隐藏下拉列表
  } else {
    dropdown.style.display = "block"; // 显示下拉列表
  }
});

#dropdown {
  display: none; /* 默认隐藏下拉列表 */
}