여러 입력 필드에서 필드 채우기?

Question

Street Address, City, State, Zip으로 필드를 채우려하고 있지만 각 필드에 데이터를 입력 할 때 바로 마지막 필드를 대체합니다.

$("#trainer_address").keyup(function() { 
     $('#location').val($(this).val()); 
    }); 

    $("#trainer_city").keyup(function() { 
     $('#location').val($(this).val()); 
    }); 

    $("#trainer_state").keyup(function() { 
     $('#location').val($(this).val()); 
    }); 

    $("#trainer_zip").keyup(function() { 
     $('#location').val($(this).val()); 
    }); 

는 어떻게하면 이전 값을 유지하고 그래서 402 StreetAddress City State, 12345 같은 끝낼 수있는 다음을 추가합니까?

Answer 1

당신이 덮어 쓰기 때문입니다. 합치보십시오 :

$("#trainer_zip").keyup(function() { 
    $('#location').val($('#location').val() + $(this).val()); 
}); 

이

Answer 2

새로운와 오래된 발을 연결할 각 keyup() 이벤트 기능을 위해 그렇게이에

$("#trainer_zip").keyup(function() { 
    $('#location').val($(this).val()); 
}); 

:

$('#location').val($('#location').val() + $(this).val()); 

예를 들어, 변경 발 + 연산자를 사용하여 ... 그리고 당신은 여러 개의 의 keyup 기능을 사용하여 여러 선택 ....

는이

$("#trainer_address,#trainer_city,#trainer_state,#trainer_zip").keyup(function() { 
    var location=$('#location').val(); 
    $('#location').val(location + $(this).val()); 
}); 

Answer 3

당신은이 같은 기본 value를 사용하려고 :

$('#location')[0].value += this.value; 

Answer 4

이 스크립트는 그것을 할 것입니다

:

var $loc = $('#location'), 
    address = [], 

getAddress = function() { 
    var str = address.slice(0, 3).join(' ') + ', ' + (address[3] || ''); 
    return str.replace(/\s+/g, ' ').replace(/,\s$/, ''); 
} 

$("#trainer_address, #trainer_city, #trainer_state, #trainer_zip").on({ 
    focus: function() { 
     $loc.val(getAddress()); 
    }, 
    keyup: function() { 
     address[$(this).index()] = $(this).val(); 
     $(this).trigger('focus'); 
    } 
}); 

http://jsfiddle.net/J6G9f/1/

스크립트는 주소의 일부를 올바르게 처리하고 결과를 자동으로 업데이트합니다.