javascript - 从JavaScript中的范围滑块变量设置cookie

我无法设法将范围滑块变量设置为cookie，尝试使用当前代码抛出此错误[object HTMLSpanElement]，在同一页面上创建其他cookie，然后在另一页面上输出也可以。谢谢。

<div class="""slidecontainer">
  <center>
    <input type="range" min="1500" max="2019" value="2019" class="slider" id="range">
  </center>
  <p>
    <center>Year: <span id="value"></span>
  </p>
  <p>
    <center>OutputVar: <span id="outputVar"></span>
  </p>
</div>

<script>
  var slider = document.getElementById("range");
  var output = document.getElementById("value");
  var outputVarNo = document.getElementById("outputVar");
  output.innerHTML = slider.value;

  slider.oninput = function() {
    output.innerHTML = this.value;
    outputVarNo = this.value;
    outputVarNo.innerHTML = this.value;
  }

  slider.onchange = function(event){
    var output = document.getElementById("outputVar");
    output.innerHTML = slider.value;
    document.cookie = 'timeChosen + "=" + output' ;
  }

最佳答案

我认为问题出在这里-您要附加output，这是一个HTML span元素，当转换为字符串时，会给出字符串输出[object HTMLSpanElement]。

document.cookie = 'timeChosen + "=" + output';

我猜您想将值写到timeChosen cookie中，将这样写：

document.cookie = "timeChosen=" + slider.value;

关于javascript - 从JavaScript中的范围滑块变量设置cookie，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55943452/