javascript - 如何刷新具有相同选择的页面？ ( Jade /HTML)

Question

我正在使用 Jade 在网页上创建下拉列表。我想让这个网页在选择一个项目时不断地重新加载(可能按一定的时间间隔)，但我希望它重新加载时仍然选择相同的选择。

使用像 meta(http-equiv='refresh', content='30') 这样的东西对我有用，但它只会每 30 秒重新加载一次原始页面，而不是列表中已经包含所选项目的页面已选中。

这是我的代码:

select(id="foo", multiple="2", size=listStuff.length)
    each val in listStuff
    option(value=val)=val

script.
 $('#foo').on('change', function(context) {

        //insert what the selection displays when changed
   });

我知道我正在使用 jade，但欢迎任何 html 经验，因为我可以在两种语言之间进行转换。

Answer 1

所以需要在刷新后持久化select中的选项。您有几个选择，使用 session /本地存储 api 或将其设置在 cookie 中。

使用 session 存储:

$('#foo').on('change', function(context) {
    sessionStorage.setItem("foo", $("#foo").val());
});

然后在页面加载时

$('#foo').val(sessionStorage.getItem("foo"));

如果在 cookie 上，你会使用类似 (jQuery cookie) 的东西

$.cookie("foo",  $("#foo").val());