使用select在写入至少3个字符后获取选项

<input type="text" id="input" oninput="fetchOptions()">

<select id="select"></select>

<script>
function fetchOptions() {
  const input = document.getElementById('input');
  const select = document.getElementById('select');
  
  const inputValue = input.value;
  
  // 判断输入字符数是否大于等于3
  if (inputValue.length >= 3) {
    // 发送请求到后端获取选项列表
    // 这里可以使用Ajax、Fetch API或者相关框架来发送请求
    
    // 假设后端返回的选项列表数据为options
    const options = ['Option 1', 'Option 2', 'Option 3'];
    
    // 清空select中的选项
    select.innerHTML = '';
    
    // 将选项添加到select中
    options.forEach(option => {
      const optionElement = document.createElement('option');
      optionElement.value = option;
      optionElement.textContent = option;
      select.appendChild(optionElement);
    });
  } else {
    // 输入字符数小于3时，清空select中的选项
    select.innerHTML = '';
  }
}
</script>