刷新时保留链接下拉列表的选定值

Question

如何在页面刷新时保留所选值以获取以下下拉列表？

 <select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
<option value="">Select...</option>
<option value="http://google.com">Google</option>
<option value="http://yahoo.com">Yahoo</option>

Answer 1

您可以使用jQuery和DOM存储。 https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

请参阅我在此处使用会话存储的示例。 http://jsfiddle.net/wBcTk/

我在更改时设置所选值并检索页面加载时的值。因此，当用户在会话中时，我们将在之前的选择中选择下拉列表。

var selectedItem = sessionStorage.getItem("SelectedItem");  
$('#dropdown').val(selectedItem);

$('#dropdown').change(function() { 
    var dropVal = $(this).val();
    sessionStorage.setItem("SelectedItem", dropVal);
});