How to use LocalStorage on last HTML select value

Question

How can I set/retrieve the last selected value of a select drop-down with JavaScript? I\'m trying to create an onchange function on a select drop-down that that sets the sel

Answer 1

The values in your HTML were wrong

    test1
    test2
    test3
    test4
    

Javascript

var select = document.querySelector(".testSelect");
var selectOption = select.options[select.selectedIndex];
var lastSelected = localStorage.getItem('select');

if(lastSelected) {
    select.value = lastSelected; 
}

select.onchange = function () {
   lastSelected = select.options[select.selectedIndex].value;
   console.log(lastSelected);
   localStorage.setItem('select', lastSelected);
}

http://jsfiddle.net/2MPPz/1/