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

Question

我无法将我的范围 slider 变量设置为 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' ;
  }

Answer 1

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

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

我猜你想把值写入timeChosen cookie，应该这样写:

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