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"/>