JavaScript 输入字段在加载时获取旧值

Question

我有一个输入字段:

<input id="RangeRate1" type="range" min="125.00" max="500.00" value="250.00">

当我重新加载页面时，输入的值设置为上次更改范围 slider 时设置的值。例如，如果在页面重新加载之前速率更改为 300，当页面重新加载时，如果我控制台输出范围 slider 的值:

let RateSlider = document.querySelector("RangeRate1")
console.log("existing rate: ", RateSlider.value)

我得到300!即使 html 输入值仍然显示为 250.00 如上所述。当我使用 ctrl shift r ，显示正确的数字，在这种情况下，我在输入 HTML 代码中看到的值是 250。那么，有没有办法清除旧值或用输入标记 lin 中的实际值覆盖它？

Answer 1

一些浏览器这样做是为了“方便”，即使它不太方便
您可以使用一些 JavaScript 将实际值设置为属性值(除非属性本身也由浏览器设置为最后一个值，在这种情况下，只需将其设置为硬编码值本身)

let RateSlider = document.querySelector("#RangeRate1")

RateSlider.value=parseInt(RateSlider.getAttribute("value"))

编辑
或者，如果输入是表单的一部分(假设表单有 id 如果“myForm”)，您可以重置它

myForm.reset()