將具有空格文本的數組添加到TextArea中使用jQuery和append（）

Question

我試圖追加到我的頁面TextArea內的一個數組，並且每當我在數組中的字符之間有空格時就打破它。 比方說，我有陣成分：「飯」，「油」，「豆漿」，「蘋果」我使用下面的JQuery語法：

$("#container").append("<input type = 'text' id = 'ingredients' value = " + ingArrayTest+ ">"); 

我的最終結果只有：「大米，油，大豆「，因爲空間會打破顯示器陣列的其餘部分。有沒有辦法來包裝數組，所以它不會發生？

在此先感謝！

Answer 1

你可以使用一個簡單的數組連接，假設我正確讀取這個數據。嘗試

ingArrayTest.join("\n") 

...代替上面的ingArrayTest。空間可用於替代 '\ n' 的使用...

基於討論，嘗試：

var ingArrayTest = ["Milk", "Soy Milk", "Apple"]; 
var ingString = ingArrayTest.join(" "); 
$("#container").append("<input type='text' id='ingredients' value='" + ingString + "'>"); 

...注意接近值的單引號。觀看單引號與雙引號;很重要。