收集几个输入字段并使用jquery插入单个字段

时间:2012-02-03 20:28:55

标签: jquery

我有4个输入文本字段和一个应该从每个字段收集值的文本字段。

<input type="text" class="collector">

<input type="text" class="collected">
<input type="text" class="collected">
<input type="text" class="collected">
<input type="text" class="collected">

收集的输入是文字,预计会按原样插入收藏家。 因此,NULL也应该与具有值的那些一起发送。

收藏家希望看起来像: 数据1 |空|数据3 |数据4

当没有给出值时,Null被接受,只是为了维持PHP的爆炸和内爆过程。

我被卡住,我的jquery只挑选其中一个,因为我不知道如何将单独收集的值聚合成一个数组:

$('input.collector').val($(".collected").text());

非常感谢任何提示。感谢

2 个答案:

答案 0 :(得分:4)

试试这个:

$('input.collector').val(function() {
    return $(".collected").map(function() {
        return $(this).val() || 'NULL';
    }).get().join('|');
});

演示http://jsfiddle.net/DDQ8s/

答案 1 :(得分:2)

var text= "";
$(".collected").each(function(){
   text += "|" + $(this).val();
});

$(".collector").val(text.substring(1,text.length));

示例:http://jsfiddle.net/nT8NF/