Javascript->；通过选择和拾取选定值重定向

我在index.html中有以下代码：

 <select id="myselect" class="form-control"  ONCHANGE="location.href = 'drzave.html'">
        <option selected disabled>Odabir:</option>
        <option value="2010">2010</option>
        <option value="2011">2011</option>
        <option value="2012">2012</option>
        <option value="2013">2013</option>
        <option value="2014">2014</option>
        <option value="2015">2015</option>
      </select>

我正在尝试获取index.html上的选定值，但收到未定义的消息

---

谢谢，Tomislav

如果我理解正确，您想将所选选项的值传递到drzave.html页面吗

如果是的话，你会的

函数重定向函数（）{
window.location.replace（'drzave.html？myselect='+$（'#dropDownId'）.val（））
//然后在登录页上，您必须从querystring中解析这个值
//或者您可以使用cookies将值设置到下一页（googlejquery.cookie）
}
$（文档）.ready（函数（）{
$（“#myselect”）。on（“更改”，重定向功能）；
});

奥达比尔：
2010
2011
2012
2013
2014
2015
除了
index.html
之外，您将无法在任何其他页面中获取
#mySelect
所选值

要实现所需，最好的方法是将选定的值保存到。例如：

其他途径包括：


保存到
通过查询字符串

也许还有其他方法，但我不认为其中任何一种会更好

我必须显示可用性。
您希望所选选项通过/可用于drzave.html页面吗？
var test = $( "#myselect" ).val();
    console.log(test)

<select id="myselect" class="form-control">
  <option selected disabled>Odabir:</option>
  <option value="2010">2010</option>
  <option value="2011">2011</option>
  <option value="2012">2012</option>
  <option value="2013">2013</option>
  <option value="2014">2014</option>
  <option value="2015">2015</option>
</select>
<script>
  document.getElementById('myselect').addEventListener('change', function(e) {
    sessionStorage.setItem('myselect', this.value);
    location.href = 'drzave.html';
  });
</script>

var test = sessionStorage.getItem('myselect');
console.log(test);