Php Javascript多步骤表单存在问题

我对php多步骤表单有一个问题，它通常应该在一个页面中在不同的步骤/表单之间切换

但是，当我单击第一个“下一步”按钮时，页面将刷新并显示第一步/表单，而不是滑动到下一个元素

<button class="firstNext next">Next</button>

下一步

我希望有人能帮助我。以下是代码笔参考：

调试代码笔：
代码：代码笔：

---

谢谢你的帮助

我把代码改成了这个，它成功了

---

nextBtnFirst.addEventListener（“单击”，（事件）=>{event.preventDefault（）；

单击Codepen中的“下一步”按钮时，您会收到以下错误消息：此笔中的链接缺少

href

值，或者此笔正在尝试更改document.location。由于这是一个表单，看起来整个表单都在尝试提交。您需要添加此链接。preventDefault（）添加到每个addListener事件。这可以防止buttons事件冒泡到表单事件。我在

function（）{

之后添加了

This.preventDefault（）

，但相同的错误似乎仍然存在。我已将代码更改为This，并且成功了！

nextBtnFirst.addEventListener（“单击”，（事件）=>{event.preventDefault（）；