如何添加动态过滤数据的下拉控件？

<select id="mySelect"></select>

var data = ["Apple", "Banana", "Orange", "Mango"];

var select = document.getElementById("mySelect");
select.addEventListener("change", filterData);

function filterData() {
  var selectedValue = select.value;
  var filteredData = data.filter(function(item) {
    return item.toLowerCase().includes(selectedValue.toLowerCase());
  });
  
  select.innerHTML = "";
  filteredData.forEach(function(item) {
    var option = document.createElement("option");
    option.text = item;
    select.add(option);
  });
}

filterData();