Javascript 如何使搜索中的选项始终可见

我已经用html、css和javascript制作了一个搜索栏，它工作得很好，但我希望在用户开始键入时显示答案，而不是之前。我还想在其中添加一个选项，它总是显示它是否匹配结果

/*当用户单击按钮时，在隐藏和显示下拉内容之间切换*/
函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
函数filterFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
div=document.getElementById（“myDropdown”）；
a=div.getElementsByTagName（“a”）；
对于（i=0；i-1）{
a[i].style.display=“”；
}否则{
a[i].style.display=“无”；
}
}
}

.div{
显示：无；
}
.dropbtn{
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
}
#我的输入{
框大小：边框框；
背景位置：14px 12px；
背景重复：无重复；
字体大小：16px；
填充：14px 20px 12px 45px；
边界：无；
边框：5px实心#ddd；
}
#我的输入：焦点{
外形：7px固体#ddd；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f6f6f6；
最小宽度：230px；
溢出：自动；
边框：1px实心#ddd；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉菜单a:悬停{
背景色：#ddd；
}
.表演{
显示：块；
}

---

从输入中删除onclick，并在想要固定的值上添加一个类“fixed input”

/*当用户单击按钮时，在隐藏和显示下拉内容之间切换*/
函数hideOptions（）{
document.getElementById（“myDropdown”）.classList.remove（“show”）；
}
函数showOptions（）{
隐藏（）；
document.getElementById（“myDropdown”）.classList.add（“show”）；
}
函数filterFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
如果（input.value==''）{
隐藏（）；
返回false；
}
filter=input.value.toUpperCase（）；
div=document.getElementById（“myDropdown”）；
a=div.getElementsByTagName（“a”）；
对于（i=0；i-1）{
a[i].style.display=“”；
}else if（a[i].classList.contains（'fixed-input'）==true）{
a[i].style.display=“”；
}否则{
a[i].style.display=“无”；
}
}
showOptions（）；
}

.div{
显示：无；
}
.dropbtn{
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
}
#我的输入{
框大小：边框框；
背景位置：14px 12px；
背景重复：无重复；
字体大小：16px；
填充：14px 20px 12px 45px；
边界：无；
边框：5px实心#ddd；
}
#我的输入：焦点{
外形：7px固体#ddd；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f6f6f6；
最小宽度：230px；
溢出：自动；
边框：1px实心#ddd；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉菜单a:悬停{
背景色：#ddd；
}
.表演{
显示：块；
}

“我还想在其中添加一个选项，该选项始终显示是否与结果匹配”这是什么意思？意思是如果有人搜索任何内容，例如如果有人搜索“计算机”，但此选项不可用或没有结果，则会显示“更多”选项。是的，它工作正常，非常完美。非常感谢你。 Please try to remove onclick event and code to show dropdown inside onkeyup event. For better understanding see the attached code snippet.