JQuery와는, 입력 상자 변화에 div에에 추가

Question

http://jsfiddle.net/y8gA6/2/

내가, continuosly를 추가됩니다 추가 할 않는 방법은 testDiv 내부의 기존 텍스트를 교체하지 않고 1111-2222로 testDiv의 범위를 추가하려면 모든 키의 값, 기존 텍스트를 대체하는 .html(). 어떤 생각?

$('input[name=low],input[name=high]').on("change", function(){ 
    //... 
}); 

change 이벤트가 요소와 후 내용 변경 요소를 떠날 경우에만, 그래서 모든 콘텐츠를 한 번에 추가됩니다 발생합니다

Answer 1

내가 대신 change 이벤트 (Example)를 사용할 수있다 생각합니다. 당신은 텍스트 후 DIV에 범위를 추가하고 .text() 당신의 가치를 그것을

$('input[name=low],input[name=high]').on("keyup paste", function(){ 
var min = $("input[name=low]").val(); 
var max = $("input[name=high]").val(); 

$('#range').text(min+'-'+max); 
}); 

같은 작업을 Fiddle

또는 일부 변수에 텍스트를 저장 한 다음 단지에 추가 할 수 있습니다

Answer 2

귀하의 .html() 처럼 만들었습니다 here