如何在datalist HTML中隐藏标签？

<input list="myList">
<datalist id="myList">
  <option value="Option 1">
  <option value="Option 2" style="display:none">
  <option value="Option 3">
</datalist>

<input list="myList" oninput="filterOptions(this)">
<datalist id="myList">
  <option value="Option 1">
  <option value="Option 2">
  <option value="Option 3">
</datalist>

<script>
function filterOptions(input) {
  var datalist = document.getElementById("myList");
  var options = datalist.getElementsByTagName("option");
  var inputValue = input.value.toLowerCase();

  for (var i = 0; i < options.length; i++) {
    var optionValue = options[i].value.toLowerCase();
    if (optionValue.indexOf(inputValue) === -1) {
      options[i].style.display = "none";
    } else {
      options[i].style.display = "block";
    }
  }
}
</script>