js datalist取值

<input list="browsers" id="browser" name="browser">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Opera">
  <option value="Internet Explorer">
</datalist>

var browserInput = document.getElementById('browser');
console.log(browserInput.value); // 输出当前选中的值或用户输入的值

var datalist = document.getElementById('browsers');
var newOption = document.createElement('option');
newOption.value = 'Edge';
datalist.appendChild(newOption);

var browserInput = document.getElementById('browser');
var allowedValues = ['Chrome', 'Firefox', 'Safari', 'Opera', 'Internet Explorer'];

function validateInput() {
  var value = browserInput.value;
  if (!allowedValues.includes(value)) {
    alert('请选择列表中的值或输入有效的浏览器名称。');
    browserInput.focus();
  }
}

browserInput.addEventListener('blur', validateInput); // 在输入框失去焦点时进行验证