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

时间:2016-03-24 14:47:47

标签: javascript jquery html html5

我使用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);
    }

不确定我是做对了还是遗失了什么。但这就是我所处的位置。这是正确的方式......还是做一些饼干状态?

1 个答案:

答案 0 :(得分:2)

JSFIDDLE DEMO

$("#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