如何获取值作为类型并将其添加到一个文本区域中？

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/