單擊提交后如何隱藏內容（如文本，單選按鈕和提交按鈕）彈出窗口並在同一彈出窗口中顯示新內容？

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，您可以在單擊下一步按鈕的同時構圖表格。 這將是比僅使用“隱藏顯示”的最佳方法