Javascript 如何使用静态博客网站上的下拉列表按年度和月份一起添加过滤器？

我正在一个静态博客文章网站上工作，我想在其中添加“按年和月过滤”功能，以便用户可以根据需要轻松过滤博客文章

我已经做了一个“按月过滤”的功能，但是当有人想看某一年某一月份的博客文章时，我不知道该怎么办，比如说2019年12月。所以，在这种情况下，我确实需要帮助

$function{ $'monthselectore'.changefunction{ 如果$this.val==All{ $'.filterDiv'.show； 回来 }否则{ $'.filterDiv'.hide； } $'.+$this.val.show； }; }; 按月过滤 全部的 简 二月 破坏 四月 也许 六月 七月 八月 九月 十月 十一月 12月

---

为了使多个过滤器都能工作，您可以使用与您已经创建的模式类似的模式，即使用所选选项的值作为过滤元素的类。要增加年份，您可以获得多个select的值，并通过将它们连接在一起。创建一个选择器字符串，可用于显示/隐藏相关元素。试试这个：

$function{ 变量$divs=$'.filterDiv'； $'.filter'.changefunction{ var filterSelector=$'.filter'.mapi，el=>el.value？el.value:null.get.join'； $divs.hide； if过滤器选择器{ $'.+filterSelector.show； }否则{ $'.filterDiv'.show； } }; }; 按月过滤 所有月份 简 二月 破坏 四月 也许 六月 七月 八月 九月 十月 十一月 12月 常年 2018 2019 1月18日 2月18日 3月18日 4月18日 5月18日 6月18日 7月18日 8月18日 9月18日 10月18日 11月18日 12月18日 1月19日 2月19日 3月19日 4月19日 5月19日 6月19日 7月19日 8月19日 9月19日 10月19日 11月19日 12月19日

---

这个解决方案对我来说是完美的，尽管在有人从下拉列表中选择某个内容之前，它不会显示任何内容。因此，“全部显示”在默认情况下不起作用。你能在这方面帮我吗？这听起来可能是你这边的CSS问题，正如你可以从示例中看到的，所有div都在man的loadspot上可见，这确实是一个CSS问题。谢谢你对这个问题的快速反应。如果答案有用，别忘了接受