Javascript 调整范围的默认值

我有一个滑块，允许用户根据他们在滑块中选择的分辨率选择报告的最佳版本（我不想实时读取分辨率的原因有很多，我不想进入其中，所以我选择了一个带有预定义选项的滑块）。这里的问题是，当他们选择不同的分辨率时，报告将刷新，并且滑块被设置回默认值，这显示了一个误导性的设置

根据用户选择的内容，我将索引值（0-4）存储在

divid='getResolution'

中。因此，如果用户选择1366x768，则将包含值3。然后我想将input div的

defaultValue

更新为3，这样当页面刷新时，它会显示正确的值。下面我有一些代码，对于那些不熟悉Spotfire如何处理HTML的人来说，其中一些代码可能看起来很有趣。但概念都是一样的

滑块如下所示：

这是设置滑块的初始代码：

<div class="slideContainer" id="slideContainerID">
    <input class="sliderCustom" id="input" type="range" min="0" value="4" max="4" step="1" title="Use this slider to scale the report to your screen resolution">
    <div>Resolution: <span id="output"></span></div>

---

tl；dr-帮助我使用

getResolution

中包含的值更新范围的

defaultValue

，在哪里找到defaultValue属性

您需要将更改后的值存储到localStorage的某个位置，例如：

input.value = localStorage.getItem('resolution');

input.oninput = function(){
    var value = resolution[this.value];
    $("#kickResolution input").val(value);
    $("#kickResolution input").focus();
    $("#kickResolution input").blur();
    output.innerHTML = value;
    localStorage.setItem('resolution', value);
};

---

我必须读一些关于Spotfire的书，但我不确定Spotfire是否知道localStorage是什么。。。至于defaultValue，我在这里找到了：如果您需要在刷新后获取一个值，我不确定这个简单的defaultValue赋值是否有用。我怀疑这里需要一些存储材料，比如cookies或localStorage，或者请求服务器存储该值。因此，我在上面的javascript代码中提到的

div id='getResolution'

中存储了正确的值。所以假设我知道它应该是什么值，我只需要分配它，对吗？确认Spotfire确实使用了

localStorage

。我必须把

this.value

放入函数中的localStorage项中（所以我传递的是数字而不是字符串），但它可以工作！谢谢

input.value = localStorage.getItem('resolution');

input.oninput = function(){
    var value = resolution[this.value];
    $("#kickResolution input").val(value);
    $("#kickResolution input").focus();
    $("#kickResolution input").blur();
    output.innerHTML = value;
    localStorage.setItem('resolution', value);
};