HTML范围:动态设置值属性

HTML range: set value attribute dynamically

本文关键字：属性 设置 动态 范围 HTML      更新时间：2023-09-26

晚上好！！

我使用HTML输入类型范围来创建一个幻灯片。我想在显示滑块之前动态更改属性"value"（光标的默认位置）。

我可以（从localStorage）检索我需要的值，但我无法设置它！！

这是范围对象：

<input type="range" min="0" max="1050" value="0" step="30"  onchange="showValue(this.value); changeScrollBar(this.value);"/>

现在它被设置为0，但我想用一个变量来更改它（即，我将设置一个新的变量foo=localStorage.getItem（"foo2"），然后我想在范围内使用value=foo）！

有线索吗？

非常感谢！！！

获得<input>标记的DOM元素，然后使用：

elem.value = foo;

如果您在输入标签中添加一个ID，如下所示：

<input id="mySlider" type="range" min="0" max="1050" value="0" step="30"  onchange="showValue(this.value); changeScrollBar(this.value);"/>

然后，你可以这样做：

var input = document.getElementById("mySlider");
input.value = localStorage.getItem("foo2");
相关文章：