单击提交后如何隐藏内容（如文本，单选按钮和提交按钮）弹出窗口并在同一弹出窗口中显示新内容？

Question

单击提交后，如何在弹出窗口中隐藏内容（如文本，单选按钮和提交按钮），并在同一弹出窗口中显示新内容（文本，单选按钮，提交按钮）？

例如，弹出窗口：

<b>Question 1 : </b> Vanessa and Brett had been arguing about their perceived 
proclivity to spend for hours together. What word describes the couple's predicament? <br>
<form name="quest" method="POST" action="">
  <p><input type="radio" value="Wrong" name="ans">Demarche </p>
  <p><input type="radio" value="Correct" name="ans">Impasse </p>

  <p><input type="radio" value="Wrong" name="ans">Mélange </p>
  <p><input type="radio" value="Wrong" name="ans">tête-à-tête </p>

<input type="submit" name="NEXT" value="Next">
</form>

单击“下一步”按钮后，应隐藏在上面的表单中并显示下一个表单，...

<b>Question 2 : </b> Vanessa and Brett had been arguing about their perceived 
proclivity to spend for hours together. What word describes the couple's predicament? <br>
<form name="quest" method="POST" action="">
  <p><input type="radio" value="Wrong" name="ans">Demarche </p>
  <p><input type="radio" value="Correct" name="ans">Impasse </p>

  <p><input type="radio" value="Wrong" name="ans">Mélange </p>
  <p><input type="radio" value="Wrong" name="ans">tête-à-tête </p>

<input type="submit" name="NEXT" value="Next">
</form>

Answer 1

有多种方法，一种实现方法是使用JSON数据来获取不同的问题。 并且通过Jquery / javascript，您可以在单击下一步按钮的同时构图表格。 这将是比仅使用“隐藏显示”的最佳方法