js实现下拉框模糊查询

Posted Fourteen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现下拉框模糊查询相关的知识,希望对你有一定的参考价值。

keyup方法触发模糊查询

list : Array<any> //下拉列表所有内容
filtList:Array<any> //过滤后的内容
inputContent : string  //输入的内容

方法一,filter()遍历:
filtList = list.filter(data => {
    return data && data.toString().indexOf(inputContent)!==-1    
})

方法二,for循环:
for(const data of list){
    if(data.toString.indexOf(inputContent ) !== -1){
        filtList.push(data)  
    }
}

 

以上是关于js实现下拉框模糊查询的主要内容,如果未能解决你的问题,请参考以下文章

js实现下拉框模糊查询

用js如何实现模糊查询带下拉菜单?

js如何实现模糊查询

搜索框实现模糊查询方法 - js

谁有多选下拉列表含模糊搜索功能的js组件,谢谢

有模糊查询的下拉框