Javascript I'；我想为每个表列和一个搜索框创建一个可搜索的表

我有一个由5列组成的基本表，我想为每列和一个搜索框创建一个可搜索的html站点。我怎样才能做到这一点

这是我到目前为止的代码，它只有一个搜索框，我想在每个列中添加一个搜索框：

函数myFunction（）{
var输入、过滤器、表格、tr、td、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
}否则{
tr[i].style.display=“无”；
}
}       
}
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#我的表th，#我的表td{
文本对齐：左对齐；
填充：12px；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，#myTable tr:悬停{
背景色：#f1f1；
}

洗衣机搜索
拉链
城市
电话
电子邮件
完整的
90048洛杉矶323-000-0000TEST4@hotmail.com也许
33312达尼亚954-000-0000TEST34@gmail.com也许
33127迈阿密305-000-0000TEST7@gmail.com七月

如果您想为5列创建5个搜索框，只需稍加修改即可创建5个类似的javascript函数。为相应的搜索框调用这些函数中的每一个。 在javascript函数中搜索此行：

td=tr[i].getElementsByTagName（“td”）[0]

那就做吧

td=tr[i].getElementsByTagName（“td”）[1]

在第二列而不是第一列中搜索。
您可以在五个搜索框的每个函数中增加该值。因此，每个搜索框将只搜索一个特定的列。
u可以在我将代码放入搜索框时的帮助下实现这一点。我试过这个，让我们看看到目前为止你都试了些什么。我们不知道你做了什么。所以我们不能假设你的错误。我发布了代码，当我为每列添加“”时，框不是“活动的”@MonikaGrabowska你应该使用datatable的columnsearch方法