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);
});

Answer 2

由于您正在重新加载页面，因此生成页面的代码（在本例中为PHP代码）必须将属性selected写入相应的<option>标记。

<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>

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

2 个答案: