新行上的多行文本区域

Multiline TextArea on new lines

本文关键字：文本 区域 新行      更新时间：2023-09-26

我有一个网页，它从数据库中返回信息，并预先填充多个字段，包括一个带有逗号分隔信息的文本区域。

我能用javascript/jquery把这些值放到单独的行上吗？

<textarea class="multiline" id="textArea1">
foo, foo1, foo2, foo3, foo4, foo5, foo6, foo7, foo8
</textarea>

一旦在textarea中加载了文本，就可以用新行替换逗号，如下所示：

var textarea = document.getElementById('textArea1');
textarea.value = textarea.value.replace(/,/g, ''n');

如果你也想摆脱空间，你可以这样做：

textarea.value = textarea.value.replace(/, /g, ''n');

您可以使用正则表达式来实现这一点，如下所示：

HTML

<textarea class="multiline" id="textArea1">
</textarea>

JavaScript

var text = "foo, foo1, foo2, foo3, foo4, foo5, foo6, foo7, foo8";
text = text.replace(/, /g, "'n");
$("textarea").val(text);

FIDDLE

相关文章：