javascript - 如何在 cookie 中存储 html 表单元素？

Question

我在一个页面上有 3 个 html 范围 slider 字段，我想将它们的值存储在一个 cookie 中，这样当用户滚动离开页面并稍后返回时， slider 将保存用户选择的数据。我需要将其保存 3 小时左右。

<input type="range" id="loan" name="loan" min="5000" max="500000" step="5000">
<input type="range" id="period" name="period" min="1" max="15">
<input type="range" id="earn" name="earn" min="5000" max="500000" step="5000">

我对 javascript 和 php 很陌生。我在 Google 上搜索了教程，但我看到的示例看起来比我需要的要复杂。

Answer 1

这应该有效。这两个函数应该允许您按名称/值/时间设置 cookie 并按名称取回它们。由于您要求三个小时，我已经完成了 3*60*60*1000 以获得设置 cookie 的毫秒数。您可以根据需要更改它。

function setCookie(cname, cvalue, time) {
    var d = new Date();
    d.setTime(d.getTime() + time);
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length,c.length);
        }
    }
    return "";
}

setCookie('loan',document.getElementById('loan').value,10800000);

getCookie('loan');