移至其他頁面時，將選擇的選項作為下拉菜單的默認選項

Question

我在網站上使用以下html創建了移動菜單：

 <select id="mobile-select" name="mobile-select" onchange="if (this.value) window.location.href=this.value"> <option class="mobile-select-label" value>Navigation</option> <option class="mobile-select-label" value="http://www.themathsproject.co.uk/home">Home</option> <option class="mobile-select-label" value="http://www.themathsproject.co.uk/projects/all">Projects</option> <option class="mobile-select-label" value="http://www.themathsproject.co.uk/tutoring">Tutoring</option> <option class="mobile-select-label" value="http://www.themathsproject.co.uk/contact">Contact</option> </select> 

選擇下拉菜單中的選項后，它們將被發送到相應的頁面。 在新頁面上時，我希望默認選項（顯示在下拉菜單中）與新頁面相對應。

例如，如果用戶單擊“輔導”，則該頁面將重新加載到“輔導”頁面。 進入“輔導”頁面后，我希望下拉列表默認顯示“輔導”。

請注意，如果用戶單擊“項目”，如何將它們發送到“ ../projects/all”，而不只是“ / projects”。

我試圖實現其他幾種技術（在非常相似的堆棧交換問題上找到），但沒有任何效果。

注意：onchange屬性負責在做出選擇后將用戶定向到適當的頁面。

任何幫助將不勝感激，

插口

Answer 1

1）您可以使用查詢字符串
2）或者您也可以通過瀏覽器本地存儲來完成
3）或Cookie

Answer 2

您可以使用以下代碼

$current_url  = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
<option class="mobile-select-label" <?php echo ($current_url == 'http://www.themathsproject.co.uk/tutoring' ? 'selected' : '') ?> value="http://www.themathsproject.co.uk/tutoring">Tutoring</option>

與其他鏈接相同