jquery - 如何使用 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'));
    }
});

FIDDLE