Jquery 移动选择菜单保持当前URL选择选项

jQuery：

HTML:

家
厨房
商店装修
办公室装修
画廊
细木工
最近的工作
联系我们

它工作正常，但一旦单击选择选项并显示新页面，则

select

框将返回“主页”选项，而不是当前页面

---

想知道如何保持此选项处于选中状态。

因为您正在重新加载页面，所以生成页面的代码（在本例中是PHP代码）必须将属性

selected

写入相应的

标记

<select>
  <option value="http://www.coolwebsite.com.au/Sandbox/">Home</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/kitchen.php">Kitchens</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/fitouts.php">Shop Fitouts</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/officefitouts.php">Office Fitouts</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/Gallery/">Gallery</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/joinery.php">Joinery</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/jobs.php">Recent Jobs</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/contact.php">Contact Us</option>
</select> 

家
厨房
...

试试这个：

<select>
  <option value="http://www.coolwebsite.com.au/Sandbox/">Home</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/kitchen.php" selected>Kitchens</option>
  ...
</select> 

---

我理解得对吗？要重新加载页面，新页面上的选定值应设置为从上一页中选择的值？需要将选定页面添加为相关php页面中的选定值。例如，如果你在家里选择

Kitchens

，你需要在

kitchen.php

中设置select以读取

Kitchens

我正在从一个php包含加载我的移动菜单，在所有页面中都使用相同的php包含，所以这个解决方案不是最优的。他正在重新加载页面。这在重新加载时不起作用

<select>
  <option value="http://www.coolwebsite.com.au/Sandbox/">Home</option>
  <option value="http://www.coolwebsite.com.au/Sandbox/kitchen.php" selected>Kitchens</option>
  ...
</select> 

$(function()
    var url = window.location.href;
    $('select option[value="'+url+'"]').prop("selected",true);
});