새 페이지에 새 텍스트를 표시하는 방법

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 Calling을 사용하여 QUESTION을로드하고
콘텐츠를 AJAX의 응답으로 바꿉니다.