Javascript 如何制作一个搜索列表,其中只有在用户搜索其确切值时才显示元素

Javascript 如何制作一个搜索列表,其中只有在用户搜索其确切值时才显示元素,javascript,html,Javascript,Html,因此,我使用以下html代码来显示数字列表: 函数applyFilter(用户输入){ /* 首先使用css将显示设置为“无” */ var options=document.queryselectoral(“myUL>a”); 对于(变量i=0;ia”); 对于(变量i=0;i=0 indexOf()返回第一个匹配的索引位置。如果将其设置为==0,则仅当用户的文本位于字符串的开头时,过滤器才会工作。另外,在您的代码中,您需要处理“myInput”为空时发生的情况您是否尝试

因此,我使用以下html代码来显示数字列表:


函数applyFilter(用户输入){
/*
首先使用css将显示设置为“无”
*/
var options=document.queryselectoral(“myUL>a”);
对于(变量i=0;i
函数applyFilter(用户输入){
/*
首先使用css将显示设置为“无”
*/
var options=document.queryselectoral(“myUL>a”);
对于(变量i=0;i}
您是否尝试过使用
a.innerText.toUpperCase()==过滤器进行过滤
?innerText只返回文本内容(不返回html标记)。并等于精确匹配的过滤器
indexOf(filter)
应>=0 indexOf()返回第一个匹配的索引位置。如果将其设置为==0,则仅当用户的文本位于字符串的开头时,过滤器才会工作。另外,在您的代码中,您需要处理“myInput”为空时发生的情况您是否尝试过使用
a.innerText.toUpperCase()==filter
?innerText只返回文本内容(不返回html标记)。并等于精确匹配的过滤器
indexOf(filter)
应>=0 indexOf()返回第一个匹配的索引位置。如果将其设置为==0,则仅当用户的文本位于字符串的开头时,过滤器才会工作。此外,在代码中,您需要处理“myInput”为空时发生的情况