Speicher neue Klick Änderung mit jQuery auf RELOAD (neue Seite)

Question

habe ich einen Drop-Down mit einem HTML-Wertänderungsergebnis, so dass nach jedem Klick ich den neuen HTML-Wert zu erhalten:

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

Einfach genug zu verstehen. Was ich versuche zu tun, ist im neuen Reload, das html (val) bleibt auf dem neuen Laden. Wie kann man das machen?

Ich dachte an HTML5: localStorage aber wirklich nicht sicher, ob das richtig ist?

localStorage.setItem(currentlist, $('#selector').val()); 

    window.onload = function() { 
     var name = localStorage.getItem(currentlist); 
    } 

Nicht sicher, ob ich das richtig mache oder etwas verpasse. Aber hier bin ich. Ist das der richtige Weg zu gehen ... oder einen Keks-Zustand zu machen?

Answer 1

JSFIDDLE DEMO

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

und in Ihrem onload

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