javascript - POST 后隐藏 DIV

Question

我试图在使用 window.location.assign 发布变量后隐藏 DIV。如果选择了 DIV 内的复选框，则会发布变量。

我的代码如下。

$(document).on("change", ".checkbox", function () {
   var db = $(this).val();
   window.sessionStorage.setItem("db", db);
   window.location.assign("index.php?db=" + db);
   document.getElementById('dbdisplay').style.display='none';
});

我遇到的问题是，DIV 仅在通过 .assign 刷新页面之前暂时隐藏。我尝试使用 location.href 代替，但这不会通过 db 变量发布，因此我的 PHP 代码将无法运行。我该如何解决这个问题？

Answer 1

与您一直在尝试的方法相同的替代解决方案。

CSS:

#dbdisplay { display: none; }

JS:

//Check if there is querystring matching db=somevalue
//and if "no", display the div
if (!location.search.match(/db=[^&#]+/i)) {
    $("#dbdisplay").show();
}

$(document).on("change", ".checkbox", function () {
   var db = $(this).val();
   window.sessionStorage.setItem("db", db);
   window.location.assign("index.php?db=" + db);
   $("#dbdisplay").hide();
});