在Javascript中使用选项框搜索和过滤结果

// HTML代码
<select id="filterOptions">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<ul id="resultList">
  <li>结果1</li>
  <li>结果2</li>
  <li>结果3</li>
</ul>

// JavaScript代码
var filterOptions = document.getElementById("filterOptions");
var resultList = document.getElementById("resultList");

filterOptions.addEventListener("change", function() {
  var selectedOption = filterOptions.value;
  var filteredResults = [];

  // 根据选项框的值进行过滤
  if (selectedOption === "option1") {
    filteredResults = ["结果1"];
  } else if (selectedOption === "option2") {
    filteredResults = ["结果2"];
  } else if (selectedOption === "option3") {
    filteredResults = ["结果3"];
  }

  // 更新显示结果
  resultList.innerHTML = "";
  filteredResults.forEach(function(result) {
    var li = document.createElement("li");
    li.textContent = result;
    resultList.appendChild(li);
  });
});