сохранение выбранной опции выпадающего при обратной передаче

Question

Как сохранить то, что было выбрано из выпадающего меню, даже после обновления страницы, чтобы пользователь знал, что он выбрал с помощью jquery? или JavaScript?

<select id="hospitalDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')"> 
      <option disabled="disabled">Select Hospital</option> 
      <option value="http://mysite.com/events/Pages/default1.aspx">All Hospitals</option>
      <option value="http://mysite.com/events/Pages/default1.aspx?hos=Dyer">Dyer</option>
      <option value="http://mysite.com/events/Pages/default1.aspx?hos=Carmel">Carmel</option>
    </select>

Answer 1

Попробуйте это:

<select id="hospitalDropDown" onchange="window.open('http://mysite.com/events/Pages/default1.aspx?hos='+this.value,'_top')"> 
  <option disabled="disabled">Select Hospital</option> 
  <option value="All">All Hospitals</option>
  <option value="Dyer">Dyer</option>
  <option value="Carmel">Carmel</option>
</select>

$(document).ready(function(){
    var value = window.location.href.match(/[?&]hos=([^&#]+)/) || [];
    $('#hospitalDropDown').val(value[1]);
});

Answer 2

<select id="hospitalDropDown"> 
    <option value="">All Hospitals</option>
    <option value="Dyer">Dyer</option>
    <option value="Carmel">Carmel</option>
</select>
<script type="text/javascript">

$(document).ready(function() {
    $('#hospitalDropDown').val('<?php echo $_GET['hos']; ?>');
    $('#hospitalDropDown').change(function() {
        location.href = 'http://mysite.com/events/Pages/default1.aspx?hos=' + $(this).val();
    });
});
</script>