Question

使用此代码会发生什么，如果formOne.classname = "";是独立的，它可以完美地工作，并且表单将被隐藏。但是为什么当我有其他代码行时，它只会瞬间完成，然后返回其原始状态？

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";

Answer 1

这可能不完全符合您的预期，但希望它会指出您正确的方向。我已经排除了示例中的表单字段，因为它在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”将无效

1 个答案: