下拉式過濾器的Javascript幫助

我能夠在Stackoverflow上找到一個solution，它顯示基於過濾器的HTML「li」元素（請參閱附件）。基本上基於HTML元素中定義的CSS類，它填充下拉列表，您可以從中選擇。下拉式過濾器的Javascript幫助

我想在下面修改javascript，以便在導航到「li」元素頁面之一時（如此處所示：https://jsfiddle.net/quwfmepL/2/ eg注意：選擇一個Test1元素並轉到page1.html頁面）。但當您將page1.html上的後退按鈕放到過濾器所在的頁面時，它不會記得上次過濾器的選擇。像現在這樣，您需要再次過濾相同的選擇。我認爲我需要做的是查看瀏覽器歷史記錄，但不確定是否有更簡單的選項。我希望它可以是查詢字符串或類似的格式。

<script type="text/JavaScript"> 
$(document).ready(function() { 
    var $tagList = $('#tag-list'), 
     optionArr = []; 
    $("#demo-list li a").each(function(index, item) { 
    $.each($(this).attr('class').split(' '), function(i, option){ 
     if ($.inArray(option, optionArr) == -1) { 
     $tagList.append('<option value="'+option+'">'+option.replace('-', ' ').replace('_', ' ')+'</option>'); 
     optionArr.push(option); 
     } 
    }); 
    }); 
    // Look at the URL for filter and modify here # 
    $tagList.on('change', function() { 
    var selection = $tagList.val(); 
    if (selection == "all") { 
     $('#demo-list li a').show(); 
    } else { 
     $('#demo-list li a').hide(); 
     $('#demo-list li a.'+selection).show(); 
    } 
    }); 
}); 
</script>

任何建議或提示？任何幫助表示讚賞。