Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在输入框中键入时如何筛选列表选项?_Javascript_Html_Input - Fatal编程技术网

Javascript 在输入框中键入时如何筛选列表选项?

Javascript 在输入框中键入时如何筛选列表选项?,javascript,html,input,Javascript,Html,Input,在HTML中,我有一个输入框和一些无序的列表项。当用户开始在输入框中输入时,我希望最相关的列表项移到顶部,并使不相关的项消失。就像自动完成表单或谷歌搜索一样,我如何使用Javascript来实现这一点?Hi@blueWater你能试一下吗。它可能会解决你的问题 来源于 我的电话簿 函数myFunction{ var输入、滤波器、ul、li、a、i; 输入=document.getElementByIdmyInput; filter=input.value.toUpperCase; ul=doc

在HTML中,我有一个输入框和一些无序的列表项。当用户开始在输入框中输入时,我希望最相关的列表项移到顶部,并使不相关的项消失。就像自动完成表单或谷歌搜索一样,我如何使用Javascript来实现这一点?

Hi@blueWater你能试一下吗。它可能会解决你的问题

来源于

我的电话簿 函数myFunction{ var输入、滤波器、ul、li、a、i; 输入=document.getElementByIdmyInput; filter=input.value.toUpperCase; ul=document.getElementByIdmyUL; li=ul.getElementsByTagNameli; 对于i=0;i-1{ 李[i].style.display=; }否则{ li[i].style.display=none; } } }
到目前为止你试过什么?写出一些伪代码,思考其背后的逻辑,然后将其转换为实际代码。一旦你有了一些你尝试过的代码,如果你仍然不能理解它,你可以研究什么不起作用,如果你仍然找不到答案,那么在这里发布一个问题。。。