Question

我在页面上有html范围滑块，我想在用户移动滑块时将值存储到cookie中，以便滑块自动设置为他们再次返回时所选择的内容。

我是javascript的新手（了解基础知识）。所以我按照本教程：https://www.youtube.com/watch?v=VqzSex_2tDc

首先......在那个教程中，这个人将“onchange =”setMyCookie（）“添加到一个html下拉框中。这样下拉列表会自动显示cookie值。但是，我没有使用下拉列表，我是使用html范围滑块。那么我可以将“onchange =”setMyCookie（）“直接添加到范围滑块吗？像这样，见下文 - 这是错的吗？

<input type="range" id="loan" name="loan" min="5000" max="500000" step="5000" onchange="setLoanCookie()">

我注意到其他教程将其广告到提交按钮。我可以将范围滑块的值存储到cookie中，而无需用户先单击提交吗？

继教程之后......这就是我的......这是接近正确吗？或者我离我很远......我做错了什么因为它不起作用？

使用Javascript：

<script type="text/javascript">
window.onload = function ()
{
    if (document.cookie.length != 0)
    {
        var nameValueArray = document.cookie.split("=");
        document.getElementById("loan").value = nameValueArray[1];
    }
}

function setLoanCookie()
{
    var selectedLoan = document.getElementById("loan").value;
    document.cookie = "mloan=" + selectedLoan +
                        ";expires=Fri, 5 Dec 2016 01:00:00 UTC;";
}
</script>

HTML：

<input type="range" id="loan" name="loan" min="5000" max="500000" step="5000" onchange="setLoanCookie()">

尝试将范围滑块值存储在cookie中

0 个答案: