Javascript 可搜索下拉表JSCSS
我试图做一个搜索列表，并成功，但列表中有太多的项目，你必须滚动到底部很多。然后我想出了一个主意，让我的27个类别的项目按字母顺序隐藏在下拉菜单中 例如：对于类别1，以A开头的项目位于一个名为A的下拉菜单中。当您单击它时，它们应该会出现（确实如此，但搜索功能不起作用） 是否真的可以在dropmenu中搜索隐藏的内容，并期望它们出现，而无需我按下dropmenu按钮，只需在搜索框中键入项目？如果是，你能详细解释一下吗 到目前为止，我拥有的是一个可搜索的表，其中包含项目：Javascript 可搜索下拉表JSCSS,javascript,html,css,Javascript,Html,Css,我试图做一个搜索列表，并成功，但列表中有太多的项目，你必须滚动到底部很多。然后我想出了一个主意，让我的27个类别的项目按字母顺序隐藏在下拉菜单中 例如：对于类别1，以A开头的项目位于一个名为A的下拉菜单中。当您单击它时，它们应该会出现（确实如此，但搜索功能不起作用） 是否真的可以在dropmenu中搜索隐藏的内容，并期望它们出现，而无需我按下dropmenu按钮，只需在搜索框中键入项目？如果是，你能详细解释一下吗 到目前为止，我拥有的是一个可搜索的表，其中包含项目： 函数myFunction（
函数myFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
} #我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 12px；
背景重复：无重复；
宽度：96%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#密尔{
列表样式类型：无；
填充：0；
保证金：0；
}
#李美儿{
边框：1px实心#ddd；
页边顶部：-1px；
/*防止双重边界*/
背景色：#f6f6f6；
填充：12px；
文字装饰：无；
字号：18px；
颜色：黑色；
显示：块
}