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


How to hide content(like text, radio button, and submit button) Popup window after Clicking on submit and display new content in the same popup?

单击提交后如何在

弹出窗口中隐藏内容(如文本,单选按钮和提交按钮)并在同一弹出窗口中显示新内容(文本,单选按钮,提交按钮)?

前任。弹出窗口:

<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="answers">Demarche </p>
  <p><input type="radio" value="Correct" name="answers">Impasse </p>
  <p><input type="radio" value="Wrong" name="answers">Mélange </p>
  <p><input type="radio" value="Wrong" name="answers">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="answers">Demarche </p>
  <p><input type="radio" value="Correct" name="answers">Impasse </p>
  <p><input type="radio" value="Wrong" name="answers">Mélange </p>
  <p><input type="radio" value="Wrong" name="answers">tête-à-tête </p>
<input type="submit" name="NEXT" value="Next">
</form>

有不同的方法,实现此目的的一种方法是使用 JSON 数据来获取不同的问题。通过Jquery/javascript,你可以在点击下一步按钮的同时框住表单。这将是比仅使用"隐藏显示"的最佳方法