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

var datalist = document.getElementById('options');
var input = document.querySelector('input');

input.addEventListener('input', function() {
  var value = input.value;
  var optionExists = false;
  
  // 遍历datalist中的选项，判断是否已存在相同的值
  for (var i = 0; i < datalist.options.length; i++) {
    if (datalist.options[i].value === value) {
      optionExists = true;
      break;
    }
  }
  
  // 如果不存在相同的值，则将其作为新选项添加到datalist中
  if (!optionExists) {
    var option = document.createElement('option');
    option.value = value;
    datalist.appendChild(option);
  }
});