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

【问题标题】：How to save select option in localStorage with jQuery?如何使用 jQuery 在 localStorage 中保存选择选项？
【发布时间】：2015-03-31 16:35:02
【问题描述】：

我正在尝试将所选选项保存在 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/

【问题讨论】：

标签： jquery storage selection local

【解决方案1】：

存储和设置值，而不是选择的整个 HTML

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

FIDDLE

【讨论】：

谢谢你，了不起的 sn-p :)

【解决方案2】：

使用value 属性或.val() 函数

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

Example

【讨论】：