Javascript 创建HTML类并通过下拉列表对其进行筛选

我是HTML新手（刚在学校开始学习），我有一个关于类和筛选类的能力的小问题

基本上，我正在写一页足球比赛，内容如下：

参赛队伍名称比赛场地出席人数

但我需要能够选择一个下拉菜单，并根据比赛进行筛选，例如联赛/杯赛/友谊赛

我知道如何添加文本和创建下拉菜单，但我不知道如何定义每一行，以便以后可以在下拉菜单中过滤它

下面是一个更详细的例子

曼城杯主场28000 托特纳姆联赛客场35000人

因此，我希望能够将上述内容过滤到竞争中。所以用户可以选择联赛，只看热刺的比赛等

如果这个问题措辞不好，我道歉

---

或者，如果你能给我一些链接，这将指向我在正确的方向，我也将不胜感激

你可以用这个

到目前为止你都试过什么？显示相关的源代码和尝试将是一个良好的开端。如果你没有尝试过任何东西，那么我建议你做一些研究，尝试一下，当你有具体问题时再来。大多数帮助stackoverflow的人都会忽略这一点，因为他们是学校的家庭作业，并且没有自己的尝试。这不是家庭作业，实际上我们正在学期休息，我正在创建随机的东西来帮助我回去。我会把我已经试过的东西放上去。