Select Box going back to index but wrong option is selected

Question

When I open a new site with the selectbox for example site x then the option x is selected like it should but when I return by clicking the arrow in the left corner above I return to site y but option x is still selected.

Can anyone help me?

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

What should I add to the script to avoid that problem_

Thank you

Answer 1

Have an hidden input on your pages to identify refresh

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

Now use JQuery to check its value & correspondingly refresh the site explicitly,

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

So basically first time the value would be no when page loads & then changed to yes, later if visited again yes would trigger a refresh.

Courtesy of this SO