javascript - 如果不在自己的声明中，“显示：隐藏”将不起作用

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 中无法正常工作。但是，您可以使用一个单一的表单，并在其中使用淡入和淡出不同的容器。

这是一个使用 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>