Javascript 如何一次只显示一个文本框并单击“下一步”显示下一个输入字段

我有三个字段和一个“下一步”按钮。单击“下一步”按钮后，我必须逐个显示每个字段。意味着一次只能显示一个字段。 例如单击“下一步”按钮后，第一个文本框显示“下一步”按钮，然后第二个文本框显示“下一步”按钮，与第三个文本框相同，但这次没有“下一步”按钮。它将显示提交按钮。你能帮我解决这个问题吗

。步骤{
最大宽度：500px；
高度：自动；
保证金：0自动；
填充：70px0；
背景：#ffffff；
边框：1px实心#e1e8f2；
位置：相对位置；
文本对齐：居中；
}
标签
{ 
显示：块；
}
.字段集
{
文本对齐：左对齐；
}

请填写下面的字段

名称
电子邮件
可移动的

尝试以下方法：

$（文档）.ready（函数（）{
var阶跃=1；
$（'#btn'）。单击（函数（）{
如果（步骤<5）
{
$（'.txt'）.eq（步骤-1）.hide（）；
$（'.txt'）.eq（步骤）.show（）；
step++；
}
其他的
{/*在此处提交表格*/}
});
});

试试下面的方法

var count = $(".field-set").length - 1;
var countshow = 1;
$("#click_next").click(function(e) {
  e.preventDefault()
  $(".field-set").eq((countshow - 1)).hide();
  if (count > countshow) {
    $(".field-set").eq(countshow).show();
    countshow++;
  } else {
    $("form").unbind("submit").submit();
  }
})

我还更改了一些css

.field-set {
  text-align: left;
  display: none;
}

.field-set:first-of-type,
.field-set:last-of-type {
  display: block;
}


var count=$（“.field set”）.length-1；
var-countshow=1；
$（“单击下一步”）。单击（函数（e）{
e、 预防默认值（）
$（“.field set”）.eq（（countshow-1））.hide（）；
如果（计数>计数显示）{
$（“.field set”）.eq（countshow.show（）；
if（（count-1）=countshow）{$（this.val（“sumbit”）}
}否则{
$（“表格”）。解除绑定（“提交”）。提交（）；
}
countshow++；
})
。步骤{
最大宽度：500px；
高度：自动；
保证金：0自动；
填充：70px0；
背景：#ffffff；
边框：1px实心#e1e8f2；
位置：相对位置；
文本对齐：居中；
}
标签{
显示：块；
}
.字段集{
文本对齐：左对齐；
显示：无；
}
.字段集：第一种类型，
.字段集：类型的最后一个{
显示：块；
}

请填写下面的字段

名称
电子邮件
可移动的
Mayank先生在“下一步”按钮的末尾，我需要提交。你能帮我吗？检查一下步数，当步数达到极限后提交表单评论错误，请现在检查答案谢谢回复Carsten先生，点击下一步按钮后，我必须隐藏上一个字段。我一次只能显示一个字段。@NarendraVerma再次更新了感谢您的帮助。我85%的问题都解决了。现在你能帮我把“提交”按钮改为“下一步”按钮吗？@NarendraVerma这样？否则，我不确定我是否理解几乎关闭，但当单击第三个字段时，它会显示在后面。我必须在第三台上表演。我的意思是第一个字段下一个按钮->第二个字段下一个按钮->第三个字段提交按钮。这样地。