javascript - 单击提交后如何使表单消失？

Question

好吧，我正在制作一个网站，您可以在其中制作自己的数字卡，所以在主 HTML 中我有介绍，然后他们单击“制作卡片”，然后会打开一个 320 像素 x 480 像素的框，其中包含表单格式的选项颜色背景应该是等等......现在他们这样做并点击底部的按钮我希望表格不可见并在同一个窗口中创建卡片但是我无法让我的代码工作我使用了for用它循环:

    <script>   
        document.forms[0]['submit'].addEventListener('click', createCard);

        var formTotal = document.forms[0];

        function createCard(){
            for(i = 0; i <= formTotal.length; i++){
                formTotal[i].style.visibility = "hidden";
            }
        }
    </script>

在初始页面中，我在标题中有一个脚本:

 function giftCard(){ 
        window.open("cardForm.html","Gift Card","width=320, height=480");
    }

然后在我的 html 中使用 onclick 来初始化它以打开窗口:

<-button onclick="giftCard()">Make Card<-/button>

工作完美，但我认为这对我试图在新窗口中隐藏表单的可见性没有帮助。一些建议？

Answer 1

在表单的开头给表单一个类(在 HTML 中)

  <div class ="form-hide">

在 JQuery 中

  $('#submit').click(function(){
     $('.form-hide').hide();
   });