如何使用选项数组过滤列表

const options = [
  { id: 1, text: 'Option 1' },
  { id: 2, text: 'Option 2' },
  { id: 3, text: 'Option 3' },
  // ...
];

<ul id="optionList">
  <li data-id="1">Option 1</li>
  <li data-id="2">Option 2</li>
  <li data-id="3">Option 3</li>
  <!-- ... -->
</ul>

<input type="text" id="filterInput" placeholder="Filter options">

const filterInput = document.getElementById('filterInput');
filterInput.addEventListener('input', filterOptions);

function filterOptions() {
  const filterValue = filterInput.value.toLowerCase();
  const filteredOptions = options.filter(option =>
    option.text.toLowerCase().includes(filterValue)
  );

  const optionList = document.getElementById('optionList');
  optionList.innerHTML = '';

  filteredOptions.forEach(option => {
    const li = document.createElement('li');
    li.setAttribute('data-id', option.id);
    li.textContent = option.text;
    optionList.appendChild(li);
  });
}