입력 할 때 필드에서 데이터를 가져옵니다.

Question

입력 할 때 양식에서 데이터를 가져 오는 데 사용하는 것이 궁금합니다. 내가 가지고있는 것은 몇 가지 양식 입력 필드이며 숫자로 채워질 것입니다. 나는 그 (것)들에서 입력을 즉시에 추가하고 그 (것)들을 함께 추가하고 비행 거리에 다른 div 안쪽에두고 싶다. 아이디어는 사용자가 양식에 다양한 양과 크기의 병을 입력하고 있으며, 입력 할 때 병에 무엇이 들어 있는지 보여주고 싶습니다. 내가 아약스에서 할거야? 데이터를 입력 할 때 데이터를 가져와 동시에 페이지에 다시 배치하는 데 도움이되는 것은 무엇입니까?

Answer 1

당신은 jQuery를 사용할 수 있습니다

$(function() { 
    var output_element = $('#output_ele'); 

    $('#the_input_id').keyup(function() { 
     var their_input = $(this).val(); 
     output_element.text(their_input); 

     // Now go off and do whatever you wanted with AJAX and their_value 
    }); 
}); 

Answer 2

봐 jQuery 라이브러리에서 http://www.jquery.com에서 시작하는. 이는 브라우저 불일치를 관리하기 쉬운 견고한 도구 세트로 마무리합니다.

특히, 키보드 이벤트와 dom 요소를 조작하는 함수를 살펴보십시오. 계산을 수행하고 원하는 다른 요소에 결과를 기록하는 필드의 키 이벤트 핸들러를 작성할 수 있음을 알 수 있습니다.