选择元素验证不适用于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中，我正在加载init()方法的calculate.js

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

Answer 1

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

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

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