jquery - 收集多个输入字段并使用 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

所以当没有给定值时接受Null，只是为了维持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/