将具有空格文本的数组添加到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 + "'>"); 

...注意接近值的单引号。观看单引号与双引号;很重要。