Javascript 有没有办法修改搜索菜单以在键入前隐藏菜单？

（请参见下面的代码。）

我想在输入搜索之前隐藏菜单选项

理想情况下，我还希望在显示结果之前需要2或3个字符的匹配

藏匿有优先权

我已尝试更改数值和“显示”属性。我敢肯定，最初的CSS覆盖是标准行为

函数myFunction（）{
//声明变量
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“mySearch”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myMenu”）；
li=ul.getElementsByTagName（“li”）；
//循环浏览所有列表项，并隐藏与搜索查询不匹配的项
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}

/*设置搜索框的样式*/
#我的研究{
宽度：100%；
字号：18px；
填充：11px；
边框：1px实心#ddd；
}
/*设置导航菜单的样式*/
#我的菜单{
列表样式类型：无；
填充：0；
保证金：0；
}
/*设置导航链接的样式*/
#我的菜单李a{
填充：12px；
文字装饰：无；
颜色：黑色；
显示：块
}
#我的菜单李a：悬停{
背景色：#eee；
}

这应该让您开始学习。如果你需要更多的帮助，请告诉我

函数myFunction（）{
//声明变量
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“mySearch”）；
var sbv=输入值
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myMenu”）；
如果（sbv.length>2）{
ul.style.display=“块”
}否则{
ul.style.display=“无”
}
li=ul.getElementsByTagName（“li”）；
//循环浏览所有列表项，并隐藏与搜索查询不匹配的项
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}

/*设置搜索框的样式*/
#我的研究{
宽度：100%；
字号：18px；
填充：11px；
边框：1px实心#ddd；
}
/*设置导航菜单的样式*/
#我的菜单{
列表样式类型：无；
填充：0；
保证金：0；
显示：无；
}
/*设置导航链接的样式*/
#我的菜单李a{
填充：12px；
文字装饰：无；
颜色：黑色；
显示：块
}
#我的菜单李a：悬停{
背景色：#eee；
}