我如何从html textarea插入换行字符串到html表

Question

我有一个HTML文本区，其中的字符串分成多行。例如

cat
dog
horse

然后我要做的是将这些字符串插入html表中。HTML表(我使用的是jquery.datatable)似乎忽略了换行符。所以我是

<textarea id='txttest' name="texttest" ></textarea>

我试过像这样替换文本，但这两个都不起作用。

var res = $("textarea#txttest").val().replace(//n/,"<br>");

或

var res = $("textarea#txttest").val().replace(/&#10/,"<br>");

然后将结果插入到我的数据表

$('table#table_flows').dataTable().fnAddData( [
  res ] );

但是换行符没有被

我该怎么做?

谢谢。

Answer 1

您在.replace中有一个额外的斜杠，您需要添加g以使其成为全局替换，而不仅仅是第一次出现。

试

var res = $("textarea#txttest").val().replace(/n/g,"<br>");

示例

Answer 2

试试这个:使用NewLine作为分隔符分割成一个数组，然后用<br />

重新连接字符串数组

var res = $("textarea#txttest").val().split("n").join('<br />');
$('table#table_flows').dataTable().fnAddData( [  res ] );

检查结果在这里

Answer 3

我没有尝试使用replace()的任何例子，就像你刚刚做的那样。相反，我将一个使用split()的示例放在一起，该示例在n字符处拆分值。

http://jsfiddle.net/TY22g/

var cell = document.getElementsByTagName("td")[0];
var textarea = document.getElementsByTagName("textarea")[0];
textarea.addEventListener("change", function() {
    var array = textarea.value.split("n");
    var i = 0, length = array.length;
    for (i; i < length; i++) {
        cell.innerHTML += array[i] + "<br/>";
    }
});