如何使用bootstrap读取textarea表单中的新行?

时间:2016-05-11 17:39:38

标签: string twitter-bootstrap textarea

我正在使用twitter-bootstrap制作表单

其中一个是支持多行文本的表单控件

<textarea class="form-control" id="resumen" rows="1"></textarea>

然后我读了内容

texto = $('#resumen').val()+'\r\n'

例如,如果用户输入id resumen表单:

hello world 
hello world again

texto = hello world hello world again

如何阅读表格中的新行?

完整字符串是一行,不读取用户添加的“新行”(使用回车)。

当用户输入时,我想用不同的行读取完整的字符串 我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

有新行,如果您在控制台中阅读并打印输入字符串,您将看到新行。

如果要在html中打印输入字符串,请用<br>替换这些新行,

如果你想玩每一行将它们分成数组

<textarea id="textarea"></textarea>
<a href="#!" id="read" onclick="readTextArea()">read</a>

<script type="text/javascript">
  function readTextArea () {
    var data = $("#textarea").val();
    var dataNlToBr = data.replace(/\r?\n/g, '<br>');
    var dataArray = dataNlToBr .split('<br>');
    console.log(data);
    console.log(dataNlToBr);
    console.log(dataArray);

  }
</script>