使用替换关键字(ASP.NET/ JS/ JavaScript)在DropdownList中搜索选定项目

<select id="myDropdownList">
  <option value="1">项目1</option>
  <option value="2">项目2</option>
  <option value="3">项目3</option>
  <option value="4">项目4</option>
  <!-- 其他选项 -->
</select>

var dropdownList = document.getElementById("myDropdownList");
dropdownList.addEventListener("input", function() {
  var keyword = this.value.toLowerCase(); // 获取用户输入的关键字并转为小写
  var options = this.getElementsByTagName("option");

  for (var i = 0; i < options.length; i++) {
    var optionText = options[i].text.toLowerCase(); // 获取每个选项的文本并转为小写

    if (optionText.indexOf(keyword) > -1) {
      options[i].style.display = ""; // 匹配到关键字，显示该选项
    } else {
      options[i].style.display = "none"; // 未匹配到关键字，隐藏该选项
    }
  }
});