Javascript -> 通过选择重定向并选择选定的值

Question

我在 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>

当我更改它时，它会重定向到 drzave.html。在 drzave.html 中，我包含了带有代码的 data.js:

var test = $( "#myselect" ).val();
    console.log(test)

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

谢谢，托米斯拉夫

Answer 1

除 index.html 外，您将无法在任何其他页面中获取 #mySelect 选定值。

要实现您想要的效果，最好的方法是将所选值保存到 sessionStorage .例如:

<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>

然后，在您的 drzave.html 页面中，您可以通过以下方式获取值:

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

其他方式有:

• 保存到 localStorage
• 通过 queryString 传递。

可能还有其他方法，但我认为没有任何一种会更好。

我已经 created a plnkr for you以显示可用性。