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

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

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

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

Example

Answer 2

存储和设置值，而不是 select

的整个 HTML

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

FIDDLE

Answer 3

这个也可以用

var selected = localStorage.getItem('selected');
if (selected) { 
    $("#edit").val(selected);
}

$("#edit").change(function() {
    localStorage.setItem('selected', $(this).val());
});

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

How to save select option in localStorage with jQuery?

jquery

storage

local

selection