jQuery .val() 호

Question

다소 JS/jQuery에 새로 도입되었지만 숨겨진 필드의 값을 반복 될 때 JSON 객체의 특정 값의 합계로 변경하려고합니다. 여기에 내가 무엇을 가지고 :

  <form> 
      <input id="totDistance" type="hidden" value="" /> 
     </form> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$.ajax({ 
    type: "POST", 
    url: "loadPolys.php", 
    dataType: "json", 
    success: function(returnedJson){ 

    jQuery.each(returnedJson, function(i, val) { 

    var curType = val.type; 
    var curAlias = val.alias; 
    var curDistance = val.distance; 
    totDistance += parseInt(curDistance, 10); 
    $('#totDistance').val(totDistance); 
    }); 

}, 
    error: function(){ 
    alert("oh no"); 
    } 

}); 
}); 
</script> 

입력 필드가 "[object HTMLInputElement] 1734"로 설정되어 있지만. 추가 할 값은 17과 34이므로 데이터를 가져 오는 중 ... totDistance가 51로 설정되었습니다. 내가 뭘 잘못하고 있습니까? noobie

Answer 1

totDistance 변수 정의보십시오 :

... 
success: function(returnedJson){ 

var totDistance = 0; 

jQuery.each(returnedJson, function(i, val) { 
... 

Answer 2

나는 당신이 직면하고있는 것은 그 totDistance는이 ID를 가진 일치하는 요소를 (이 때입니다 document.getElementById('totDistance')로 평가 받고있다 IE의 특정 문제라고 생각을 totDistance). 이를 방지하려면 .. 단순히 VAR를 선언하고 또한 0

.each

success: function(returnedJson){  
    var totDistance = 0; //declared a var 
    jQuery.each(returnedJson, function(i, val) { 
     var curType = val.type; 
     var curAlias = val.alias; 
     var curDistance = val.distance; 
     totDistance += parseInt(curDistance, 10);  
    }); 

    $('#totDistance').val(totDistance); //Moved outside of .each  
}