텍스트 상자에서 정보 가져 오기

Question

프로그램에서 약간의 진전을 이룰 수 있었지만 알아 내지 못하는 문제가 발생했습니다. 스크립트에서 텍스트 상자가 포커스를 잃으면 총 비용을 업데이트해야합니다. 이 시점에서 HTML 코드에서 숫자를 검색하지만 입력 된 숫자는 검색하지 않습니다.

function productCosts() 
{ 
    var totalMap = document.getElementById('qty1'); 
    var quantity1 = parseFloat($("qty1").value); 
    var price1 = parseFloat($('price1').value); 
    var totalMapBlur = function() 
    { 
     var totalMapCost = $('cost1'); 
     totalMapCost = (quantity1) * (price1); 
     alert(price1); 
     alert(quantity1); 
     alert(totalMapCost); 
    } 
    qty1.onblur = (totalMapBlur); 

} 

나는 모든 코드를 볼 수 있도록 바이올린을 만들었습니다. http://jsfiddle.net/KRFjd/1/

도움을 주시면 대단히 감사하겠습니다.

P. 내 질문에 충분히 잘 쓰지 않는다고 생각되면 개선 방법을 알려주세요. 질문을 부정적으로 검토하지 마십시오. 나는 노력하고있어.

Answer 1

문서를 처음로드 할 때 productCosts()을 호출 할 때만 quantity1을 설정하는 것이 문제입니다. 사용자가 입력 필드를 편집 할 때이를 업데이트하지 않습니다. Cost 열을 업데이트하려면 value에 할당해야합니다.

var totalMapBlur = function() 
{ 
    var quantity1 = $('qty1').value; 
    var totalMapCost = (quantity1) * (price1); 
    alert(price1); 
    alert(quantity1); 
    alert(totalMapCost); 
    $('cost1').value = totalMapCost; 
} 

FIDDLE