javascript - 选择框返回索引但选择了错误的选项

Question

当我打开一个带有selectbox例如站点 x 的新站点时，选择了 x 选项，但是当我通过单击左上角的箭头返回时，我返回到站点 y，但仍然选择了选项 x。

谁能帮我？

 <nav id="navigation" class="navigation">
  <a href="index_V1.html">Home</a>
 <select id="Menu">
   <option disabled selected hidden> # </option>
    <option  href="#">#1</option>
    <option href="#">#2</option>
    <option href="#">#3</option>
   <option href="#">#4</option>
 </select>

 <script>
   document.getElementById('Menu').onchange = function() {
     window.location.href = 
     this.children[this.selectedIndex].getAttribute('href');
   }
 </script>

我应该在脚本中添加什么以避免该问题_

谢谢

Answer 1

在您的页面上有一个隐藏的输入来识别刷新

<input type="hidden" id="refresh" value="no">

现在使用 JQuery 检查其值并相应地显式刷新站点，

$(document).ready(function(e) {
    var $input = $('#refresh');
    $input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});

所以基本上第一次值是no页面加载时然后更改为yes，稍后如果再次访问yes将触发刷新。

由这个 SO提供