让JavaScript函数显示结果，而不是隐藏结果是什么'；T

因此，我通过W3Schools找到了这段代码，并将其更改为我喜欢的学校项目。目前，它是一个下拉列表，当输入时会删除拼写不同的结果。我想做的是扭转这一切，他们都开始隐藏，当结果是在它会显示出来，非常感谢

function searchFunction（）{
//声明变量
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“illnessSearch”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“疾病列表”）；
li=ul.getElementsByTagName（“li”）；
//循环浏览所有列表项，并隐藏与搜索查询不匹配的项
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
//通过：https://www.w3schools.com/howto/howto_js_search_menu.asp
}

#疾病搜索{
宽度：50%；
字体大小：20px；
填充：20px；
字体系列：Tahoma，无衬线；
边框：1px实心#ddd；
}
#疾病表{
列表样式类型：无；
填充：0；
保证金：0；
}
#疾病名单李a{
宽度：50%；
填充：20px；
字体系列：Tahoma，无衬线；
字体大小：粗体；
文字装饰：无；
颜色：黑色；
显示：块
}
#疾病列表李a：悬停{
背景色：#666666；
}

您基本上已经拥有了它，您所需要做的就是在默认情况下隐藏元素。因为您的JavaScript引用的是

li

，所以我必须为

li

添加一个样式，以便在默认情况下隐藏它。一旦用户开始键入，它将显示。我还添加了一个复选框，在文本框为空时隐藏所有结果

function searchFunction（）{
//声明变量
var empty=false；
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“illnessSearch”）；
if（input.value.length<1）{
空=真；
}
filter=input.value.toUpperCase（）；
ul=document.getElementById（“疾病列表”）；
li=ul.getElementsByTagName（“li”）；
//循环浏览所有列表项，并隐藏与搜索查询不匹配的项
对于（i=0；i-1&！空）{
li[i].style.display=“block”；
}否则{
li[i].style.display=“无”；
}
}
//通过：https://www.w3schools.com/howto/howto_js_search_menu.asp
}

#疾病搜索{
宽度：50%；
字体大小：20px；
填充：20px；
字体系列：Tahoma，无衬线；
边框：1px实心#ddd；
}
#疾病表{
列表样式类型：无；
填充：0；
保证金：0；
}
#疾病名单李{
显示：无；
}
#疾病名单李a{
宽度：50%；
填充：20px；
字体系列：Tahoma，无衬线；
字体大小：粗体；
文字装饰：无；
颜色：黑色；
显示：块；
}
#疾病列表李a：悬停{
背景色：#666666；
}

您基本上已经拥有了它，您所需要做的就是在默认情况下隐藏元素。因为您的JavaScript引用的是

li

，所以我必须为

li

添加一个样式，以便在默认情况下隐藏它。一旦用户开始键入，它将显示。我还添加了一个复选框，在文本框为空时隐藏所有结果

function searchFunction（）{
//声明变量
var empty=false；
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“illnessSearch”）；
if（input.value.length<1）{
空=真；
}
filter=input.value.toUpperCase（）；
ul=document.getElementById（“疾病列表”）；
li=ul.getElementsByTagName（“li”）；
//循环浏览所有列表项，并隐藏与搜索查询不匹配的项
对于（i=0；i-1&！空）{
li[i].style.display=“block”；
}否则{
li[i].style.display=“无”；
}
}
//通过：https://www.w3schools.com/howto/howto_js_search_menu.asp
}

#疾病搜索{
宽度：50%；
字体大小：20px；
填充：20px；
字体系列：Tahoma，无衬线；
边框：1px实心#ddd；
}
#疾病表{
列表样式类型：无；
填充：0；
保证金：0；
}
#疾病名单李{
显示：无；
}
#疾病名单李a{
宽度：50%；
填充：20px；
字体系列：Tahoma，无衬线；
字体大小：粗体；
文字装饰：无；
颜色：黑色；
显示：块；
}
#疾病列表李a：悬停{
背景色：#666666；
}