对于此示例，如何将所选选项保存到 JavaScript 中的 cookie？

Question

我想通过 javascript 将选定的选项存储在 cookie 中 这是我的代码

var prevVal;
$("#paragraphSpaceOPtion").on("change",function(){
    var val = $(this).find('option:selected').val();
    $(".container-h div").text(`${val}`);
    $(".fancybox-container").hide();
    $("body").removeClass('compensate-for-scrollbar');
    $(".footer-phone").text(`${val}`);
    prevVal = val;
});

<select name="number" id="paragraphSpaceOPtion">
    <option class="option-1" value="">Your sity</option>
    <option class="option-1" value="city1">Paris</option>
    <option class="option-2" value="London">London</option>
</select>

Answer 1

以下是可用于创建和检索 cookie 的函数。

var createCookie = function(name, value, days) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}

因此，对于您的示例，您可以使用 createCookie('myvalue', val, 7) 来节省一周的价值。