. 제출은 한 번만 수행됩니다.

Question

다른 값을 업데이트하는 함수를 만들려고합니다. 처음에는 올바르게 작동하지만, 데이터가 팝업되는 경고가 있기 때문에 처음에는이 함수가 올바르게 작동합니다. 그 다음에 oddness가 발생합니다. 먼저 업데이트해야하는 innerHTML이 거의 즉시 사라집니다. 두 번째 함수 (및 JavaScript의 모든 것)가 다시 실행되지 않습니다.이 방법으로 작동하는 이유는 알 수 없습니다. 어떤 제안? 모든 도움에 미리

감사합니다!

<script type="text/javascript"> 
    var INIT_PLANNED_HRS = 5; 
    var values = {}; 
    $(document).ready(function() { 
     $('#addCourse').submit(function() { 
      var $inputs = $('#addCourse :input'); 
      $inputs.each(function() { 
       values[this.name] = $(this).val(); 
      }); 
      INIT_PLANNED_HRS += Number(values['hours']); 
      document.getElementById('hrs_planned').innerHTML = 'HOURS = ' + INIT_PLANNED_HRS + ' GPA = '; 
      alert("values[this.name] = " + values['hours'] + " INIT_PLANNED_HRS " + INIT_PLANNED_HRS); 
     }); 
     document.getElementById('hrs_planned').innerHTML = 'HOURS = ' + INIT_PLANNED_HRS + ' GPA'; 
    }); 
</script> 



<li><h3>Planned Courses</h3><p id = "hrs_planned"> gpa </p></li> 

Answer 1

당신은 hrs_planned i의 요소를 업데이트 바로 다음에 onsubmit 처리기를 설정하고 호출 할 때가 아닙니다. JS 콘솔에서 오류를 확인하십시오. 스크립트에 치명적인 오류가 발생하면 더 이상 실행되지 않습니다.