如何在Datalist中更新文本框中的文本

<input type="text" list="datalist1" id="textbox">
<datalist id="datalist1">
  <!-- 在这里添加datalist选项 -->
</datalist>

<datalist id="datalist1">
  <option value="选项1">
  <option value="选项2">
  <option value="选项3">
</datalist>

var textbox = document.getElementById("textbox");
var datalist = document.getElementById("datalist1");

textbox.addEventListener("input", function() {
  var inputValue = textbox.value;
  
  // 清空datalist选项
  while (datalist.firstChild) {
    datalist.removeChild(datalist.firstChild);
  }
  
  // 根据输入值添加新的选项
  if (inputValue === "选项1") {
    datalist.appendChild(new Option("新选项1"));
    datalist.appendChild(new Option("新选项2"));
  } else if (inputValue === "选项2") {
    datalist.appendChild(new Option("新选项3"));
    datalist.appendChild(new Option("新选项4"));
  }
  // 根据其他输入值添加更多选项...
});