Нужна помощь с Local Storage

251

16 июня 2018, 05:10

Есть вот такой вот скрипт, для выбора количество записей в таблице на странице

$(document).ready(() =>
{
    $("#rowPerPage").on("change", () =>
    {
        var pages = $("#rowPerPage>option:selected").text();
        //var pages = 15;
        var form = $("form.search.pull-left");
        var input = $("input.rawOnpage").attr(
                {"value": pages}
        );
        $(input).appendTo(form);
        //localStorage.setItem('value', pages);
        document.getElementById("filtAccept").click();
    });
});

Проблема в том что при переходе на разные страницы это значение скидывается, можно ли как-то сохранить значение переменной pages в localStorage, чтобы при переходе на другие страницы, значение в select оставалось одним?

Answer 1

Попробуйте так

$(document).ready(() =>
{
 var tempPages = localStorage.getItem('pages');
 if(tempPages != null){
    $("#rowPerPage").val(tempPages);
 }
 $("#rowPerPage").on("change", () =>
    {
        var pages = $("#rowPerPage>option:selected").text();
        //var pages = 15;
        var form = $("form.search.pull-left");
        var input = $("input.rawOnpage").attr(
                {"value": pages}
        );
        $(input).appendTo(form);
        localStorage.setItem('pages', pages);
        document.getElementById("filtAccept").click();
    });
});