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

Question

我有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

所以当没有给定值时接受空值，只是为了维护PHP爆炸和爆裂的过程。

我坚持，我的jQuery只选择其中的一个，因为我不知道如何聚合单独收集的值到一个数组：

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

任何暗示是非常赞赏。由于

Answer 1

试试这个：

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

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

Answer 2

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

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

例子：http://jsfiddle.net/nT8NF/