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

Question

我有一个 Index.html 文件，其中我为两个选项提供了两个不同的值(是或否(。

问题：

我想在 JS 中使用这些值进行验证，但是当我这样做时，它无法保存该值。

我有什么： 索引.html：

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

有效.js：

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

计算.js：

我必须在这里验证我已经将确认.html与索引.html中的表单操作连接起来。

确认.html我正在加载init()计算方法.js

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

Answer 1

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

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

然后在验证输入时检查"sel"值是否像您最初计划的那样存在于本地存储中。