我有一個下拉菜單，其中列出了學校科目。我還為每個科目的考試日期設置了倒數計時器（許多科目共享一個日期）。我想讓它在用戶選擇主題時出現(xiàn)正確的倒數計時器而不刷新頁面?，F(xiàn)在我使用 PHP 進行了這項工作：我有 9 個不同的 JavaScript 倒數計時器（我使用了 w3schools 的本教程）和 9 個單獨的 PHP 文件，如下所示： $newSubject = $_GET["chooseSubject"];if ($newSubject == "Math" OR $newSubject == "Chemistry") {echo '<p id="subjectSet1"></p>';echo '<p class="dates">October 16. 2019 klo 9:00</p>';}我有一個按鈕重定向到一個頁面，然后顯示正確的倒數計時器。但是，我希望實現(xiàn)這樣的目標：https://yle.fi/aihe/artikkeli/2019/05/15/ylioppilaskokeiden-pisterajat-kevat-2019在“Ylioppilaskokeiden pisterajat, kev?t 2019”下有一個選擇菜單，當您選擇一個主題時，它會自動顯示正確的表格。
1 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
這就是項目設計發(fā)揮作用的地方。如果你希望你的下拉列表很小，你可以簡單地在頁面加載時呈現(xiàn)所有內容，然后使用 JS/CSS 在下拉列表更改時顯示/隱藏每個內容塊。
或者，如果您期望更大的數據集，這可能會影響您的頁面加載時間，并使瀏覽器渲染數據的時間更長（即使它位于隱藏元素中）。在這種情況下，我會考慮使用 AJAX 并在您單擊某個部分時加載內容。這稍微復雜一些，但是；
一個很好的學習練習
從長遠來看更有效率
編輯：如果你想走秀/隱藏路線。這很簡單，使用 jQuery。您可以選擇幾個選項，但我建議先切換 -請參閱此處的文檔
對于 AJAX，這將需要更多的閱讀。我還建議使用 jQuery 的ajax函數 -請參閱此處的文檔
- 1 回答
- 0 關注
- 141 瀏覽
添加回答
舉報
0/150
提交
取消