javascript - JQuery 两种形式切换,提交时显示正确的形式

标签 javascript jquery

我有两个正在切换的表单,如下所示。我需要弄清楚的是,在提交表单并刷新页面后如何显示正确的表单。目前仅默认为 lookup_form。我一直在浏览互联网寻找答案,但没有找到任何好的例子。

  <div class="lookup_form">
    <form method="POST" action="" id="lookup_form"></form>
  </div>
  <div class="nolookup_form">
  <form method="POST" action="" id="nolookup_form"></form>
  </div>
    <a href="#" class="show"> //Firing off the script      

    <script>
        jQuery(document).ready(function($) {
            $(".nolookup_form").hide();
            $(".show").click(function(){
            $(".lookup_form, .nolookup_form").slideToggle("slow, linear");
            });
        });
    </script>

本质上,我需要始终在刷新提交的实际表单后显示。

最佳答案

我想您知道应该在生成页面的后端显示什么形式,您可以将其传递给 javascript

<script>
var showForm2 = <?php echo $shouldShow2ndForm?'true':'false'; ?>;

if( showForm2 ){
    //hide form1 and show form2
} else {
    //hide form2 and show form1
}
</script>

关于javascript - JQuery 两种形式切换,提交时显示正确的形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43527433/

相关文章:

javascript - "Can' t 查找变量“Rails 3.1 和 Coffeescript 的错误

javascript - 数组的动态数组

javascript - 为什么我看不到 javascript WebSocket 上的协议(protocol)数组?

javascript - 显示可拖动 div 悬停的标签内容

javascript - 如何检查你是否在jquery mobile中的某个页面上

javascript - 基于data-id的jquery拖放

Javascript 不适用于所有 IE 版本..带有浏览器检测的脚本

javascript - 关于 JavaScript 基础的几个问题 - $, "is not a function"

jquery - 仅当代码中其他地方存在类时,如何应用 CSS?

javascript - 在 <td> 单击事件上获取 <td> 值