如何在新頁面上顯示新文本

Question

我試圖創建一個表單，其中當用戶單擊下一個按鈕時，問題逐個顯示。我能夠顯示第一個問題，但不知道如何清除dom並呈現下一個問題。我需要在javascript中編寫一個onclick函數，它顯示下一個問題並最終計算出分數。

 <script type="text/javascript"> 
     function nextQuestion(){ 

     } 
    </script> 

    <form method="POST"> 
     <div id="page1"> 
      <div>question 1</div><br><br> 
      <input type='radio' name='group1' id='correct' value="1">1<br><br> 
      <input type='radio' name='group1' id='2' value="2">2<br><br> 
      <input type='radio' name='group1' id='3' value="3">3<br><br> 
      <input type='radio' name='group1' id='4' value="4">4<br><br> 
     </div> 
    <button id="next" onclick="nextQuestion();">Next</button> 
    </form> 

Answer 1

<script type="text/javascript"> 
    function nextQuestion(){ 
     var selectedVal = $(":radio[name=group1]:checked").text(); 
     $('#dv_question').empty().html('question ' + selectedVal); 
    } 
</script> 

<form method="POST"> 
    <div id="page1"> 
     <div id="dv_question">question 1</div><br><br> 
     <input type='radio' name='group1' id='correct' value="1"<br><br> 
     <input type='radio' name='group1' id='2' value="2">2<br><br> 
     <input type='radio' name='group1' id='3' value="3">3<br><br> 
     <input type='radio' name='group1' id='4' value="4">4<br><br> 
    </div> 
<button id="next" onclick="nextQuestion();">Next</button> 
</form> 

希望這一個你的幫助。

Answer 2

使用AJAX調用加載問題，並用AJAX響應替換
內容。