在RELOAD(新页面)上用jQuery保存新的点击更改

Save new click change with jQuery on RELOAD (new page)

本文关键字:保存 jQuery RELOAD 新页面 上用      更新时间:2023-09-26

我做了一个带有html值更改结果的下拉列表,所以每次点击后我都会得到新的html值:

$("#list li a").on('click',function(){
 var val=$(this).html();
 $("#selector").html(val);
});

简单到可以理解。我想做的是在新的重载中,html(val)保持在新的加载上。如何做到这一点?

我在考虑HTML5:localStorage,但真的不确定这是否正确?

localStorage.setItem(currentlist, $('#selector').val());
    window.onload = function() {
        var name = localStorage.getItem(currentlist);
    }

不确定我是做对了还是遗漏了什么。但这就是我现在的处境。这是正确的路吗。。。还是做一些饼干状态?

JSFIDDLE演示

$("#list li a").on('click',function(){
    var val = $(this).html();
    $("#selector").html(val);
    localStorage.setItem("currentlist", val); //add to localStorage
});

并且在您的onload

var name = localStorage.getItem("currentlist"); //get from localStorage
$("#selector").html(name); //assign here