在datalist中填充选项的更好方法

<input list="options" id="input">
<datalist id="options"></datalist>

<script>
  const options = ["选项1", "选项2", "选项3"]; // 填充的选项数组

  const datalist = document.getElementById("options");
  const input = document.getElementById("input");

  options.forEach(option => {
    const newOption = document.createElement("option");
    newOption.value = option;
    datalist.appendChild(newOption);
  });

  input.setAttribute("list", "options"); // 将datalist与input关联
</script>