Question

当我用例如网站x的selectbox打开一个新网站时，选择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来检查它的价值＆amp;相应地明确刷新网站，

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

所以基本上第一次当页面加载时，该值为no＆amp;然后更改为yes，稍后再次访问yes会触发刷新。

由this SO提供

选择Box返回索引但选择了错误的选项

1 个答案: