使用JQuery和append（）将包含空格的文本添加到TextArea中

Question

我试图在TextArea中向我的页面附加一个数组，每当我在数组中的字符之间有空格时我就会将其分解。 假设我有阵列成分：“米”，“油”，“豆浆”，“苹果”我使用以下JQuery语法：

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

我的最终结果将只有：“大米，油，大豆”，因为空间将打破显示屏中阵列的其余部分。有没有办法包装数组，所以它不会发生？

提前致谢！

Answer 1

您可以使用简单的数组连接，假设我正确读取它。尝试

ingArrayTest.join("\n")

...取代上面的ingArrayTest。可以用空格代替＆＃39; \ n＆＃39; ...

基于讨论，请尝试：

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

...请注意单引号接近值。观看单引号与双引号;非常重要。