删除以前的文本并使用javascript innerHTML显示新文本

我从用户那里获取输入，然后显示匹配结果。因此，如果用户键入“a”，将显示以下文本： 足球运动 棒球运动 快速的 如果用户在（'as'）后面键入s。将显示以下文本 棒球运动 快速的 棒球运动 快速的 但我想在用户键入为时删除前3个结果

// JavaScript Document

s1= new String()
s2= new String()
var myArray = new Array();

myArray[0] = "Football";
myArray[1] = "Baseball";
myArray[2] = "Cricket";
myArray[3] = "Fast";


function test()  // called on onkeyup()
{
 s1 = document.getElementById('filter').value;
 var myRegex = new RegExp((s1),"ig");
 arraysearch(myRegex);
 }

 function arraysearch(myRegex)
{

for(i=0; i<myArray.length; i++)
{ 
if (myArray[i].match(myRegex))
{
    document.getElementById('placeholder').innerHTML += myArray[i] + "<br/>";
}
}
}

//JavaScript文档
s1=新字符串（）
s2=新字符串（）
var myArray=新数组（）；
myArray[0]=“足球”；
myArray[1]=“棒球”；
myArray[2]=“蟋蟀”；
myArray[3]=“快速”；
函数test（）//在onkeyup（）上调用
{
s1=document.getElementById（'filter'）。值；
var myRegex=新的RegExp（（s1），“ig”）；
arraysearch（myRegex）；
}
函数arraysearch（myRegex）
{
对于（i=0；i您所做的只是将新列表添加到旧列表中，而不是替换它。
尝试用以下内容替换最后一个for循环：

var newHtml;
for(i=0; i<myArray.length; i++)
{
 if (myArray[i].match(myRegex))
 {
     newHtml += myArray[i] + "<br/>";
 }
}
document.getElementById('placeholder').innerHTML = newHtml;

var-newHtml；
对于（i=0；i您所做的只是将新列表添加到旧列表中，而不是替换它。
尝试用以下内容替换最后一个for循环：

var newHtml;
for(i=0; i<myArray.length; i++)
{
 if (myArray[i].match(myRegex))
 {
     newHtml += myArray[i] + "<br/>";
 }
}
document.getElementById('placeholder').innerHTML = newHtml;

var-newHtml；
对于（i=0；i添加
document.getElementById（'placeholder'）.innerHTML=“”；
作为函数的第一行
arraysearch（myRegex）
添加
document.getElementById（'placeholder'）.innerHTML=“”；
作为函数的第一行
arraysearch（myRegex）
您需要先重置HTML中的占位符。下面是一个工作示例：

thePlaceholder=document.getElementById（'placeholder'）；
函数arraysearch（myRegex）{
thePlaceholder.innerHTML=“”；
对于（i=0；i您需要先重置innerHTML中的占位符。以下是一个工作示例：

thePlaceholder=document.getElementById（'placeholder'）；
函数arraysearch（myRegex）{
thePlaceholder.innerHTML=“”；
对于（i=0；i