Javascript 当框字段清除时，如何删除无结果消息

我目前正在使用以下代码创建一个过滤器列表。一旦用户尝试搜索某个内容，就会出现“无结果”消息，这对我来说是正确的。如果用户从搜索框中删除字母，而搜索框为空，如何隐藏“无结果”消息。我是否需要向Java脚本中添加一些额外的代码，或者可以在CSS代码区域中添加这些代码

函数myFunction\u search（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
var=false；
对于（i=0；i-1）{
li[i].style.display=“block”；
发现=真；
}否则{
li[i].style.display=“无”；
}
}
document.getElementById（“no_result_msg”）.setAttribute（“样式”，“显示：”+（找到？'none'：'block'））
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'images/search icon.png'）；
背景位置：4px4px；
背景重复：无重复；
宽度：100%；
字体大小：12px；
填充：8px 8px 8px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#密尔{
列表样式类型：无；
填充：0；
保证金：0；
位置：绝对位置；
z指数：2；
}
#无结果消息{
显示：无；
}       
#李美儿{
边框：1px实心#ddd；
页边距顶部：-1px；/*防止双边框*/
背景色：#f6f6f6；
填充：12px；
文字装饰：无；
字号：18px；
颜色：黑色；
显示：块；
}
#李妙儿{
显示：无；
}
#myUL li a:悬停：非（.header）{
背景色：#eee；
}

未找到结果

您可以让一个div包含消息，然后根据搜索结果显示或隐藏消息

函数myFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
var=false；
对于（i=0；i-1）{
li[i].style.display=“block”；
发现=真；
}否则{
li[i].style.display=“无”；
}
}
document.getElementById（“no_result_msg”）.setAttribute（“样式”，“显示：”+（找到？'none'：'block'））
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 12px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#密尔{
列表样式类型：无；
填充：0；
保证金：0；
}
#李美儿{
边框：1px实心#ddd；
页边顶部：-1px；
/*防止双重边界*/
背景色：#f6f6f6；
填充：12px；
文字装饰：无；
字号：18px；
颜色：黑色；
显示：块；
}
#李妙儿{
显示：无；
}
#myUL li a:悬停：非（.header）{
背景色：#eee；
}

我的电话簿

未找到任何结果

试试这个

函数myFunction（）{
var输入，滤波器，ul，li，i，c，a=假；
输入=document.getElementById（“myInput”）；
无结果=document.getElementById（“未找到结果”）
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 12px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#密尔{
列表样式类型：无；
填充：0；
保证金：0；
}
#李美儿{
边框：1px实心#ddd；
页边距顶部：-1px；/*防止双边框*/
背景色：#f6f6f6；
填充：12px；
文字装饰：无；
字号：18px；
颜色：黑色；
显示：块；
}
#李妙儿{
显示：无；
}
#myUL li a:悬停：非（.header）{
背景色：#eee；
}

我的电话簿

没有找到结果

ah感谢您为我提供的帮助，在用户第一次进入此页面时添加了一些额外的css代码来隐藏它：“#no#u result_msg{display:none；}”再次感谢您的时间和帮助！很高兴，它帮助了您。一旦您收到“无结果”消息，并且用户清除了该框，使其为空，当框字段为空时，如何隐藏“无结果消息”？