javascript - 保留表单提交后显示的div

Question

我创建了 3 个使用输入类型按钮显示的 div，这些按钮用于显示和隐藏最初隐藏的 div。在那些 div 中有用于存储数据的表单。现在我要做的是在表单中提交数据后保留当前使用的 div。

这是我的 jquery 代码。

$("#add_exams").hide();
  $("#exams").hide();
  $("#add_accts").hide();

  $("#view_exam").click(function(){
      $("#add_exams").hide();
      $("#exams").hide();
      $("#add_accts").hide();

      $("#exams").fadeIn();
  });

    $("#create_exam").click(function(){
      $("#add_exams").hide();
      $("#exams").hide();
      $("#add_accts").hide();

      $("#add_exams").fadeIn();
  });

    $("#manage_accts").click(function(){
      $("#add_exams").hide();
      $("#exams").hide();
      $("#add_accts").hide();

      $("#add_accts").fadeIn();
  });

 //$(document).on("click", "#selectall",function(){ 
  $(document).on("submit","#submit_acct", function(){

       $("#add_accts").fadeIn();

  });

我的html是这样的

<div id="content">
 <input type="button" id="create_exam" value="Create Exam" title="Click to create new exam."  />
  <input type="button" id="view_exam" value="Exam" title="Click to view exam."  />
  <input type="button" id="manage_accts" value="Accounts" title="Click to view exam."  />
    <div id="add_accts">
       /*forms goes here */
    </div>

    <div id="add_exams">
       /*forms goes here */
    </div>

    <div id="exams">
       /*forms goes here */
    </div>
</div>

当我尝试提交数据时，div 没有显示，我尝试使用一个 jquery 来显示我想要的 div 但它不起作用，所有这些都被隐藏了。我只需要保留以显示当前显示的 div，对此有什么想法吗？

Answer 1

据我了解，即使在回发 之后，您也希望保留可见的div。您可以使用隐藏字段来保留 div 可见性。尝试以下代码片段以供引用

$("#view_exam").click(function(){
      $("#add_exams").hide();
      $("#exams").hide();
      $("#add_accts").hide();

      $("#exams").fadeIn();
      $("#FiddenField_For_Current_Form").val("exams");
  });

并在页面加载时检查 FiddenField_For_Current_Form 中的值并显示如下所示的适当表单

$(document).ready(function(){
  switch($("#FiddenField_For_Current_Form").val())
  {
    case "exams":
             $("#exams").fadeIn();
             break;

    default :
            $("#add_exams,#exams,#add_accts").hide();
             break;

  }


});