选择元素验证在JavaScript中不起作用

Question

我有一个Index.html文件，在其中我给两个选项两个不同的值（是或否）。

问题：

我想用JS中的这些值进行验证，但是在执行时无法保存该值。

我所拥有的：Index.html：

<select id="sel">
  <option value="yes" >Yes</option>
  <option value="no" >No</option>
</select>

Valid.js：

var sel=document.getElementById("sel").value;
localStorage.setItem("sel", sel);

Calculate.js：

我必须在这里验证是否已将Confirm.html与Index.html中的表单操作相关联。

在confirm.html中，我正在加载calculate.js的init()方法

var sel = localStorage.getItem("sel");

Answer 1

假设用于验证和计算的代码都在不同的文件中，我强烈建议您检查将脚本加载到HTML文件中的顺序，或者可以将事件侦听器附加到选择标记，该标记将在每次用户像这样更改选择；

document
  .getElementById('sel')
  .addEventListener('change', function(event) {
    localStorage.setItem("sel", this.value);
  })

然后在验证输入时，检查“ sel”值是否按照您最初的计划存在于localStorage中。