刷新后保留选定选项(表格/选择)

2022-04-07 00:00:00 jquery php javascript smarty

可能的重复项:
Html select option lost data after submit

我有一个选择菜单,它应该在页面刷新后保留所选选项。这是一个例子:

<select id="form_frame" name="frame" onchange="getData(this);"/>
   <option value="data1" selected="selected">Data 1</option>
   <option value="data2">Data 2</option>
</select>

函数getData只是将信息拉取给用户。

我正在对动态内容使用Smarty/php。

接受建议,谢谢!


解决方案

如何处理本地存储:

$(function() {
    if (localStorage.getItem('form_frame')) {
        $("#form_frame option").eq(localStorage.getItem('form_frame')).prop('selected', true);
    }

    $("#form_frame").on('change', function() {
        localStorage.setItem('form_frame', $('option:selected', this).index());
    });
});

FIDDLE

相关文章