“display：hidden”如果没有自己的声明，将不起作用

问题描述：

使用此代码会发生什么情况是，如果formOne.classname = "";是独立的，它将完美工作，并且窗体变得隐藏。但是为什么当我有其他代码的时候，它只会在瞬间完成，然后返回到原始状态？“display：hidden”如果没有自己的声明，将不起作用

var name = formOne.name.value; 
var email = formOne.email_address.value; 
var e = document.getElementById("typeOfWork"); 
var q = e.options[e.selectedIndex].text; 

var work = q; 

formTwo.className = "form2Vis"; 



document.getElementById("name1").value= name; 
var d = document.forms['formTwo'].elements['name1'].value;// = name; 


formOne.className = "form1Hidden";

究竟是什么你想实现什么？ – Stefan 2013-04-10 16:13:51

我试图实现的是当用户完成这部分电子邮件应用程序时，他们碰到下一个，然后下一个部分变得可见。因此，为什么我将第一种形式隐藏起来，但我无法让它工作超过一秒钟。 – 2013-04-10 16:16:17

发布您的标记和CSS或jsFiddle肯定会有很大的帮助。 – Stefan 2013-04-10 16:17:37

答

这可能不是你所期望的，但希望它会指向你正确的方向。我已经排除了示例中的表单字段，因为它在jsFiddle中无法正常工作。但是，你可以使用一个单一的窗体和fadeIn和fadeOut中的不同容器。

这是一个简单的使用jQuery的双页表单的例子。

jsFiddle

您可以使用这样的事情：

<form id="myForm" action="" method="POST"> 
<div id="page1"> 
<input type="text" name="field1" /> 
</div> 
<div id="page2"> 
<input type="text" name="field2" /> 
</div> 
</form>

“display：hidden”如果没有自己的声明，将不起作用

相关推荐