js select中文提示搜索

<input type="text" id="searchInput" placeholder="请输入中文...">
<select id="mySelect" size="5">
  <option value="苹果">苹果</option>
  <option value="香蕉">香蕉</option>
  <option value="橙子">橙子</option>
  <option value="葡萄">葡萄</option>
  <option value="西瓜">西瓜</option>
</select>

#searchInput {
  width: 200px;
  margin-bottom: 10px;
}

document.getElementById('searchInput').addEventListener('input', function(e) {
  const searchValue = e.target.value.toLowerCase();
  const selectElement = document.getElementById('mySelect');
  const options = selectElement.options;

  for (let i = 0; i < options.length; i++) {
    const optionText = options[i].text.toLowerCase();
    if (optionText.includes(searchValue)) {
      options[i].style.display = '';
    } else {
      options[i].style.display = 'none';
    }
  }
});