は、入力フィールド

Question

の配列を取得し、私はこの機能を持っている：

function AddRowToForm(row){ 
    $("#orderedProductsTblBody tr").each(function(){ 
    // find the first td in the row 
    arr.push($(this).find("td:first").text()); 
    }); 
    for (i=0;i<arr.length;i++) 
    // display the value in input field 
document.getElementById("message").innerHTML = (arr[i] + "<br >"); 
}); 
} 

は、問題は、私は、フォームに入力フィールドの配列を取得しなければならないということです。入力フィールドが最後のもの（ID = "メッセージ"）

fieldset class="pure-group"> 
    <label for="date">Data: </label> 
    <input id="date" name="date" type="text"/> 
</fieldset> 

<fieldset class="pure-group"> 
    <label for="time">Ora: </label> 
    <input id="time" name="time" /> 
</fieldset> 

<fieldset class="pure-group"> 
    <label for="pax">Numero di Persone: </label> 
    <input id="pax" name="pax" /> 
</fieldset> 

<fieldset class="pure-group"> 
    <label for="message">Esperienze: </label> 
    <input id="message" name="message" rows="5"></input> 
</fieldset> 

問題は機能が動作しないことです。私はdocument.write（innerHTMLの代わりに、それは動作しますが、それはすべてをキャンセルします）何か助けてください前もってありがとう！：

Answer 1

あなたはいくつかの問題があります。また、あなただけの値をオーバーライドしている、追加されていません。TextAreaのは、新しい行のため\nを使用する必要があります。今

$("#orderedProductsTblBody tr").each(function(){ 
    arr.push($(this).find("td:first").text()); 
}); 
for (var i=0;i<arr.length;i++) 
    // display the value in input field 
    document.getElementById("message").value += arr[i] + "\n"); 
}); 

は、どのように私はそれを行うのでしょうか？ただ、結合を使用。だから、

document.getElementById("message").value = arr.join("\n");