页面刷新后怎么让select保持选中上一个选定值，可以用隐藏域保存吗

Question

有人说用隐藏域保存value，给select触发onchange事件后改变隐藏域的值，可是我用这个方法写在页面刷新之后隐藏域并不能保存上面的值（是我写错了 还是这个方法是不可行的？）

html的代码

<select class="form-control" id="search-select" onchange="change()">
                  <option value="course" selected>课程</option>
                  <option value="major">专业</option>
                  <input type="hidden" name="selectVal" value="course" id="selectVal">
            </select>

js的代码

var selectVal=document.getElementById("selectVal");    var select=document.getElementById("search-select");
    selectVal.value=select.value;
    alert(selectVal.value);    function change(){          var val=select.options[select.selectedIndex].value;
          selectVal.value=val;        //用隐藏域存数据 
    }    for(var i=0;i<select.options.length;i+=1){        if(select.options[i].value==selectVal.value){            select.options[i].selected=true;            break;
        }
    }

接触js不多+ +有点懵逼 
除了从后台返回数据和用Ajax 请问各位大神还有其他方法吗？

Answer 1

把选择的值放入location.hash中，无论是页面刷新，还是页面分享都可以很好的解决