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

首先网页中有一个隐藏的所有候选项的列表，然后你在输入框中每次按下按键输入的时候，会触发事件（例如keydown,keyup等），事件里面会执行模糊匹配，依次判断列表中的每个选项是否包含你输入的内容。把包含的选项显示出来就是你看到的效果了
如果没有那很可能是每次你输入内容的时候，触发的事件函数里有ajax请求，向后台服务器查询包含你输入内容的选项，然后服务器返回结果，在页面上动态显示。

你是要原生的解决方法吗？如果是的话确实比较麻烦一点 差不多是这样的
select1内的内容你已经知道了，选择了之后值发生了变化，这时候监听select变化
//伪代码
widnowaddEventlistener('select1','click',function(){
//循环删除select2子节点
select2removeChild(select2childNodes[i])
//根据select1的value获取select2展示内容
xhrthen(res=>{
//循环res
let item = documentcreateElement('option')
iteminnerHTML = res[i]
select2appendChild(item)
})
})

---