ポストバックで選択したドロップダウンオプションを保持

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>