Javascript 如何制作下拉式类型菜单？

正如图片所示，我想让它变成那样，但这里的转折点是这样的

我想在类型（而不是按钮）上悬停以查看悬停的电影

示例：我在“冒险”上悬停，因此我将立即观看冒险电影

我想使类型按钮本身可点击而不是悬停，但类型（例如恐怖、动作）是悬停的，这样如果我在它们处悬停，我可以立即看到电影，同时可点击，这样如果我在所选类型上单击，它将停留在该类型上

这就是我所做的。我只能搜索电影标题，但不能搜索电影类型本身。因此，我想为流派制作一个下拉菜单，以便能够搜索流派

选择{
背景色：黑色；
颜色：白色；
}
选择权{
背景色：黑色；
颜色：白色；
}

全部的
行动
冒险
动画
传记
喜剧片
罪行
纪录片