如何获取类型的值并添加到一个textarea?

时间:2011-07-11 15:13:04

标签: javascript jquery html forms dom

有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

任何帮助都会很棒

此致

3 个答案:

答案 0 :(得分:2)

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

小提琴:http://jsfiddle.net/maniator/ZKS82/

答案 1 :(得分:1)

输入时

更改

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/

答案 2 :(得分:0)

你可以做到

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

在这里摆弄http://jsfiddle.net/ApreZ/1/