jquery - 移动选择菜单停留在当前 URL 选择选项

Question

jQuery:

   $(function() {
            $('select').change(function(){
            var url = $(this).val();
            window.location = url;
            });
       });

HTML:

<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 框将返回到“主页”选项，而不是当前页面。

想知道如何保持选中此选项。

Answer 1

试试这个:

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