新行上的多行TextArea

时间:2014-09-17 09:47:03

标签: javascript jquery html

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

我能用javascript / jquery做些什么来将这些值放到单独的行上吗?

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

2 个答案:

答案 0 :(得分:3)

textarea中加载文字后,您可以使用以下新行替换逗号:

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

如果你想摆脱空间,你可以这样做:

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

答案 1 :(得分:1)

您可以使用正则表达式实现此目的,如下所示:

<强> 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