如何在选择datalist选项时发布表单数据

<form onsubmit="submitForm(event)">
  <input list="options" name="option" id="optionInput">
  <datalist id="options">
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
  </datalist>
  <button type="submit">Submit</button>
</form>

<script>
  function submitForm(event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    var optionInput = document.getElementById('optionInput');
    var selectedOption = optionInput.value;
    
    // 在这里可以对选项值进行处理或发送到服务器
    console.log('Selected option:', selectedOption);
  }
</script>