textarea中的格式数组

Question

我想知道是否可以将数组打印到textarea中，并且在每第4行（在数组或文本区域中）放置换行符或类似-----之类的东西。

在下面的例子中，我需要在一个textarea中放置一个表单中的一些输入焦点。之后这个textarea被提交。 '原因是我使用SaaS平台，所以我需要解决这个问题。

所以我有什么是这样的：

$('.req').on('click', function(){ 

    var data = []; 
    $('.table input').each(function() { 
    data.push($(this).val()); 
    }); 

    var textarea = document.getElementById("form-message"); 
    textarea.value = data.join("\n"); 

    }); 

结果我得到

21546 
Some name 
150 
12345 
Some name 
555 
54646 
Some name 
578 

我怎样才能把它打印出来是这样的：

21546 
Some name 
150 
---------------- 
12345 
Some name 
555 
---------------- 
54646 
Some name 
578 

的是，即使有可能？

THX提前任何assistence :)

Answer 1

这里是一个快速的解决方案

$('.req').on('click', function(){ 

     var data = []; 
     $('.table input').each(function(index) {   
     data.push($(this).val()); 
     if((index+1)%3===0) { 
      data.push("-----------------"); 
     } 
     }); 

     var textarea = document.getElementById("form-message"); 
     textarea.value = data.join("\n"); 

    }); 

使用.each()返回的索引值和if((index+1)%3 === 0)模，你可以很每三行轻松添加一个附加条目。使用％n每n行执行一次。

下面是该解决方案小提琴： https://jsfiddle.net/055074yu/

Answer 2

一个可能的解决方案是：

$('.table input').each(function() { 
    data.push($(this).val()); 
    if ((data.length + 1) % 4 === 0) { 
    data.push('----------------'); 
    } 
}); 

好吧，我终于做出了Fiddle

Answer 3

使用此fiddle。它可能会有帮助！

JS：

$('.req').on('click', function(){ 

    var data = []; 
    $('.table.input').each(function(i) { 
    if((i+1)%3) 
    data.push($(this).val()); 
    else 
    { 
    data.push($(this).val()); 
    data.push("-------------"); 
    } 
    }); 

    var textarea = document.getElementById("form-message"); 
    textarea.value = data.join("\n"); 

    }); 

HTML：

<div> 
<textarea id="form-message"></textarea> 
</div> 

<input type="text" class="table input"/> 
<input type="text" class="table input"/> 
<input type="text" class="table input"/> 
<input type="text" class="table input"/> 
<input type="text" class="table input"/> 
<input type="text" class="table input"/> 
<input class="req" type="button" value="button"/>