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

Answer 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

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

2 个答案: