收集幾個輸入字段並用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/