Javascript 重新加载页面（单击提交）后保留表单值的最佳方式是什么

我在页面上有一个过滤器，我想在单击按钮过滤器后保留表单值

我正在尝试使用cookie（如下面的代码），但我不知道这种方式是否是最好的，因为cookie在浏览器上是安全的，这样可能会给我的页面带来麻烦

如何保留表单值，然后如何自动填充表单

备注：我可以在URL上获取信息吗？该项目正在使用Ruby（rails）

更新 在我的例子中，我有4个选择，2个输入，1个提交和1个输入搜索。select的cookie获取select的ID，但没有字符串。

您可以尝试：

饼干

URL查询字符串

本地存储

IndexedDB

---

cookie和Localstorage得到了很好的支持并易于使用，其中URL查询字符串将允许您传递一个完整填写的表单，如果您不想在URL中显示它们，请避免使用它

或cookie或querystring。“最佳”方法是一个非常主观的请求。我在cookies上获得了值，但如何用这些cookies值填充表单@RoryMCrossanon加载：

$（“#frachisees_filter”）.val（$.cookie（'frachiseesValue'））etc@RoryMcCrossan我更新了帖子，你的答案有什么变化吗？
$(".searchButton").on("click", function () {
    $.cookie('frachiseesValue', $("#frachisees_filter").val());
    $.cookie('schoolsValue', $("#schools_filter").val());
    $.cookie('challengeValue', $("#post_challenges_filter").val());
    $.cookie('statusValue', $("#statuses_filter").val());
    $.cookie('searchValue', $("#filter_search").val());
    $.cookie('startDateValue', $("#startDate").val());
    $.cookie('endDateValue', $("#endDate").val());
});