我有一个网页,可以从数据库中返回信息并预先填充许多字段,包括带有逗号分隔信息的文本区域。
我能用javascript / jquery做些什么来将这些值放到单独的行上吗?
<textarea class="multiline" id="textArea1">
foo, foo1, foo2, foo3, foo4, foo5, foo6, foo7, foo8
</textarea>
答案 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 强>