有一个储存好数据的数组 我想通过搜索框输入的内容 来获取数据里面的数据 展现到页面上
时间: 2023-04-03 17:03:20 浏览: 47
你可以使用循环遍历数组中的每一个元素,判断是否包含搜索框输入的内容,如果包含则将该元素展现到页面上。具体实现可以参考以下代码:
// 假设数组名为data,搜索框的id为search,展示数据的id为result
var data = ["apple", "banana", "orange", "pear"];
var searchInput = document.getElementById("search");
var resultDiv = document.getElementById("result");
searchInput.addEventListener("input", function() {
var searchValue = searchInput.value;
var resultHtml = "";
for (var i = 0; i < data.length; i++) {
if (data[i].indexOf(searchValue) !== -1) {
resultHtml += "<div>" + data[i] + "</div>";
}
}
resultDiv.innerHTML = resultHtml;
});
这样,当用户在搜索框中输入内容时,页面上会展示包含该内容的数据。