使用js在div元素中显示多行textarea值
[英]Showing multiple lines textarea value in an div elemtent using js
问题描述
我有一个文本区域，一个按钮和一个div
<textarea type="text" id="mytext"></textarea>
<button onclick="test()">Click Me</button>
<div id="here"></div>
这是脚本
<script>
function test() {
var b = document.getElementById('mytext').value;
document.getElementById('here').innerHTML = b;
}
</script>
我在文本区域中写了以下文本：
Hello All
Good Morning
但是当我按下Click Me时，它在div元素中给出了以下文本：
Hello All Good Morning
如何在textarea中显示多行？ 谢谢
5 个解决方案
解决方案1
1 已采纳 2018-01-24 11:06:44
只需使用replace(/(?:\\r\\n|\\r|\\n)/g, '<br />'); 用<br />标记替换字符串中的所有换行符， 例如：
function test() { var b = document.getElementById('mytext').value; b = b.replace(/(?:\\r\\n|\\r|\\n)/g, '<br />'); document.getElementById('here').innerHTML = b; }
<textarea type="text" id="mytext"></textarea> <button onclick="test()">Click Me</button> <div id="here"></div>
解决方案2
1 2018-01-24 11:12:55
您必须将新行替换为br标签。
范例程式码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<textarea type="text" id="mytext"></textarea>
<button onclick="test()">Click Me</button>
<div id="here"></div>
</body>
<script type="text/javascript">
function test() {
var b = document.getElementById('mytext').value;
b = b.replace(/\r|\n/,"<br>");
document.getElementById('here').innerHTML = b;
}
</script>
</html>
解决方案3
0 2018-01-24 11:07:52
您应该用<br>标记替换换行符。
function test() { var b = document.getElementById('mytext').value; document.getElementById('here').innerHTML = b.replace(/\\n\\r?/g, '<br>'); }
<textarea type="text" id="mytext"></textarea> <button onclick="test()">Click Me</button> <div id="here"></div>
解决方案4
0 2018-01-24 11:42:29
使用br replace固定文本区域和div大小会产生有效的结果。
function test() { var b = document.getElementById('mytext').value; document.getElementById('here').innerHTML = b.replace(/\\n\\r?/g, '<br>'); }
#here { width: 100px; height: 100px; word-wrap: break-word; } #mytext { width: 100px; height: 100px; }
<textarea type="text" id="mytext"></textarea> <button onclick="test()">Click Me</button> <div id="here"></div>
解决方案5
-1 2018-01-24 11:01:09
示例将字符串拆分为子字符串数组：
var str = "How are you doing today?";
var res = str.split(" ");
//The result of res will be an array with the values:
输出：今天你好吗？
如何使用js清空第二个textarea中的第一个textarea值
[英]how to empty the first textarea value in second textarea using js
使用 JS formData 处理 textarea 新行到 PHP 后端
[英]Handling textarea new Lines using JS formData to PHP backend
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.