修改JavaScript以将选择添加到URL作为查询字符串

Question

我有一个基本的JavaScript模仿以下解决方案[见link]。它的作用是显示一个下拉从CSS元素获取的值，并填充下拉列表。等待用户选择的内容，它将显示CSS类中的元素，如下面的代码所示。

假设我想发送一个已经预先选择了选项的网址，我不知道如何处理这个意思如何修改现有脚本来做到这一点。我认为我将依赖于填充查询字符串，但任何帮助都表示赞赏。

$(document).ready(function() {

  var $tagList = $('#tag-list'),
    optionArr = [];
  console.log($tagList);

  $("#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);
      }
    });
  });
  $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 src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>