如何仅在选中时显示自动完成选择？

<input type="text" id="autocomplete-input" />

const input = document.getElementById('autocomplete-input');

input.addEventListener('input', function() {
  // 在这里编写自动完成选择的逻辑
});

input.addEventListener('input', function() {
  const inputValue = input.value;
  
  // 使用AJAX请求从服务器获取匹配的选项列表
  // 或者使用本地数据进行匹配
  const matchedOptions = getMatchedOptions(inputValue);
  
  // 在这里根据匹配的选项列表显示或隐藏自动完成选择
});

input.addEventListener('input', function() {
  const inputValue = input.value;
  const matchedOptions = getMatchedOptions(inputValue);
  
  const autocomplete = document.getElementById('autocomplete');
  
  if (matchedOptions.length > 0) {
    autocomplete.style.display = 'block';
  } else {
    autocomplete.style.display = 'none';
  }
});

<div id="autocomplete"></div>