如何用js获取textarea中的换行符,并在div中显示的也是换行。
如代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btnOK").click(function(){
var t = $("#txtA").val(); var d = t.replace("/r/n","<br />")
$("#divShow").html(d); $("#txtB").val(t);
});
});
</script>
</head> <body>
<textarea id="txtA" cols="50" rows="10"></textarea><br>
<input type="button" id="btnOK" value=" show " />
<hr />
<div id="divShow" style="width:373px; height:156px; background-color:#E5E3D8;"></div>
<textarea id="txtB" cols="50" rows="10"></textarea><br>
</body>
</html>在div中显示不会换行
如代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btnOK").click(function(){
var t = $("#txtA").val(); var d = t.replace("/r/n","<br />")
$("#divShow").html(d); $("#txtB").val(t);
});
});
</script>
</head> <body>
<textarea id="txtA" cols="50" rows="10"></textarea><br>
<input type="button" id="btnOK" value=" show " />
<hr />
<div id="divShow" style="width:373px; height:156px; background-color:#E5E3D8;"></div>
<textarea id="txtB" cols="50" rows="10"></textarea><br>
</body>
</html>在div中显示不会换行
$("#btnOK").click(function(){
var t = $("#txtA").val();
var d = t.replace(/\r|\n/g,"<br />")
$("#divShow").html(d);
$("#txtB").val(t);
});
});
var d = t.replace(/\n/ig,"<br />");