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

Adding array that has text with spaces into TextArea using JQuery and append()

本文关键字：数组 文本 添加 TextArea 空格 包含 JQuery append 使用      更新时间：2023-09-26

我正在尝试将文本区域中的数组附加到我的页面，每次数组中的字符之间有空格时都会破坏它。假设我在数组中有成分："大米"、"油"、"豆浆"、"苹果"，我正在使用以下 JQuery 语法：

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

我的最终结果只有："大米，油，大豆"，因为空间会破坏显示中数组的其余部分。有没有办法包装数组以免它发生？

提前感谢！

您可以使用简单的数组连接，假设我读错了。 尝试

ingArrayTest.join("'n")

。代替上面的ingArrayTest。 可以使用空格代替"'"...

根据讨论，尝试：

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

。请注意值附近的单引号。注意单引号与双引号;非常重要。

相关文章：