带有datalist的Javascript不会显示所有匹配的选项

中未显示来自的某些选项。使用下面的代码，我尝试输入ray，但它只显示ray AA。当我尝试键入ray b时，它显示ray BB。代码有问题吗。请告诉我是否有任何解决这个问题的方法。谢谢

var search=document.querySelector'search'； var results=document.querySelector'searchresults'； var templateContent= document.querySelector'resultstemplate'。内容； search.addEventListener'keyup'，函数handlerevent{ 而results.childrence.length results.removeChildresults.firstChild； var inputVal=new RegExpsearch.value.trim，“i”； var set=Array.prototype.reduce.calltemplateContent.cloneNodetrue.children，函数searchFilterfrag，项，i{ 如果inputVal.testitem.textContent和&frag.children.length<6 frag.appendChilditem； 返回碎片； }，document.createDocumentFragment； 结果：1.儿童组； }; 雷AA 射线BB 雷1 Ray2

---

在项目上使用cloneNode似乎有效

var search=document.querySelector'search'； var results=document.querySelector'searchresults'； var templateContent= document.querySelector'resultstemplate'。内容； search.addEventListener'keyup'，函数handlerevent{ 而results.childrence.length results.removeChildresults.firstChild； var inputVal=new RegExpsearch.value.trim，“i”； var set=Array.prototype.reduce.calltemplateContent.cloneNodetrue.children，函数searchFilterfrag，项，i{ 如果inputVal.testitem.textContent&&frag.children.length<6 frag.appendChilditem.cloneNodetrue； 返回碎片； }，document.createDocumentFragment； 结果：1.儿童组； }; 雷AA 射线BB 雷1 Ray2

---

在输入或单击鼠标后，您将如何使下拉列表消失？它停留在seleciton之后。