如何使用jQuery在localStorage中保存选择选项？

Question

我试图在HTML中的localStorage中保存选定的选项,因此如果刷新页面,选择将保持选中状态.

我试过这个:

HTML:

<select id="edit">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

jQuery的:

$(function() {
    $('#edit').change(function() {
        localStorage.setItem('todoData', this.innerHTML);
    });
    if(localStorage.getItem('todoData')){
        localStorage.getItem('todoData');
    }
});

但这似乎不起作用,任何想法,真的感谢帮助......

现场演示:http://jsfiddle.net/nwk1g6vp/

Answer 1

存储并设置值,而不是选择的整个HTML

$(function() {
    $('#edit').change(function() {
        localStorage.setItem('todoData', this.value);
    });
    if(localStorage.getItem('todoData')){
        $('#edit').val(localStorage.getItem('todoData'));
    }
});

小提琴