如何存储选定的值并在刷新时填充字段？

Question

我使用select2 jQuery plugin显示多个选项。

这些字段通过AJAX填充，并动态显示。

我需要通过localStorage或其他方式找到以某种方式保存此数据的方法，以便在用户刷新时自动填充字段。

因此，当用户导航回该页面时，逻辑应保存选择并根据先前的选择填充字段。

实现这一目标的最佳方法是什么？

这是html的一部分，由插件生成：

<ul class="select2-selection__rendered">
    <li class="select2-search select2-search--inline">
        <input class="select2-search__field" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;" type="search">      
    </li>
</ul>

Answer 1

当您提取AJAX响应并将其放入字段时，只需将其保留到localStorage：

 localStorage.setItem("fieldName", value);

并且，当页面加载时，恢复数据：

 referenceToTheField.value = localStorage.getItem("fieldName");