как получить значение как тип и добавить в одну текстовую область?

Question

есть 4 поля, такие как

<input id="address01" name="address01" class="text large" />
<input id="address02" name="address02" class="text large" />
<input id="address03" name="address03" class="text large" />
<input id="address04" name="address04" class="text large" />

и

<textarea id="address_oneline" name="address_oneline" rows="3" cols="50"></textarea>

. То, что я ищу, это способ получить текст из полей address01 в 04 как тип пользователя и вставить в текст address_onelineплощадь.

я использую jquery

любая помощь будет отличной

С уважением

Answer 1

$('input[id^="address"]').each(function(){
     $('#address_oneline').append(this.value + "  ");
});

Скрипка: http://jsfiddle.net/maniator/ZKS82/

Answer 2

изменить при вводе

jQuery(function(){

    $('input[id^="address"]').bind('keyup',function(){
        $('#address_oneline').empty();
        $('input[id^="address"]').each(function() {
            $('#address_oneline').append(this.value + "\n");
        });
    })

});

<input id="address01" name="address01" class="text large" />
<input id="address02" name="address02" class="text large" />
<input id="address03" name="address03" class="text large" />
<input id="address04" name="address04" class="text large" />

<textarea id="address_oneline" name="address_oneline" rows="3" cols="50"></textarea>

http://jsfiddle.net/hF4wj/

Answer 3

Вы могли бы сделать

$('input[id^=address]').keyup(function(){
    var finalval = '';
    $('input[id^=address]').each(function(){
        finalval += $(this).val();
    });
    $('#address_oneline').val(finalval);
});

скрипка здесь http://jsfiddle.net/ApreZ/1/