Question

我有一个下拉菜单，其中列出了学校科目。我还为每个科目考试日期设置了一个倒数计时器（许多科目共用一个日期）。我要这样做，以便当用户选择主题时，出现正确的倒数计时器，而不刷新页面。

现在我可以使用PHP进行此工作：我有9个不同的JavaScript倒数计时器（我使用this tutorial from w3schools）和9个单独的PHP文件，如下所示：

event is PointerDownEvent

我有一个重定向到页面的按钮，然后显示正确的倒数计时器。

但是，我正在寻求实现以下目标：

在“Kevät2019年青年会”中，有一个选择菜单，当您选择一个主题时，它会自动显示正确的表格。

Answer 1

这是项目设计发挥作用的地方。如果您希望下拉列表设置很小，则可以简单地在页面加载时呈现所有内容，然后使用JS / CSS在更改下拉列表时显示/隐藏每个内容块。

或者，如果期望更大的数据集，则可能会影响页面加载时间，并使浏览器呈现数据的时间更长（即使它位于隐藏元素中）。在这种情况下，当您单击某个部分时，我会考虑使用AJAX并加载内容。这稍微复杂一点，但是；

编辑：如果您想沿着表演/隐藏路线走下去。使用jQuery足够简单。您可以选择几种方法，但我建议您先切换一下-see docs here

对于AJAX，这将需要更多阅读内容。我还建议使用jQuery的ajax函数-see docs here