如何过滤与搜索结果不匹配的“项目”?

时间:2019-05-10 22:28:43

标签: javascript arrays object

显示与搜索输入值相同的项,如果值不相同则隐藏。

var item = { 
    Image: itemImage, 
    Title: itemTitle, 
    Price: itemPrice, 
    Location: itemLocation, 
    Name: itemName 
};

function Search() {
    var z = document.getElementById('inputSearch').value;
    if (z == itemTitle)
}

1 个答案:

答案 0 :(得分:2)

您想要的是实时更新搜索结果。看这个例子,搜索结果将隐藏结果,如果值不相同。

kubernetes apply -f <yaml_file_with_my_deployment.yml>
function myFunction() {
    var input, filter, ul, li, a, i, txtValue;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("p")[0];
        txtValue = a.textContent || a.innerText;
        if (txtValue.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";
        }
    }
}

更多信息:https://www.w3schools.com/howto/howto_js_filter_lists.asp