如何获取 textarea 中第一行和第二行的值？答案

【问题标题】：How can I get the value of the first and second line in a textarea?如何获取 textarea 中第一行和第二行的值？
【发布时间】：2020-12-30 14:01:58
【问题描述】：

我正在尝试从 HTML 的文本区域中获取第一行和第二行的值。

主要问题是第一行和第二行的长度可能不同，所以我不能只复制 X 个字符。

我见过的大多数解决方案都包括我不熟悉的 JQuery，所以我更喜欢不涉及 JQuery 的答案。但是，如果您确实有使用 JQuery 的答案，我也会试一试。到目前为止，这是我的代码：

textarea {
  resize: none;
}

&lt;textarea id="c" placeholder="c" spellcheck="false"&gt;&lt;/textarea&gt;

【问题讨论】：

如果您将123456789012345678901234567 作为一个长文本并且123456789012345678901234567 换行到一个新行（第一行包含1234567890123456789012，下一行包含34567），这行在您的情况下，文本被视为两行，或者用户点击“输入”是否需要分隔新行。
看这里：stackoverflow.com/questions/9196954/…
@NickParsons 该行需要按回车键分隔。然后我还想将该行的值作为它自己的变量。如果您有一个可行的解决方案，我们将不胜感激。

标签： javascript html

【解决方案1】：

function getfirstAndsecondLine(inp) {
var splittedInput = document.getElementById(inp).value.split('\n');
var firstLine = splittedInput[0];
var secondLine = splittedInput[1];
console.log('first Line :' + firstLine);
console.log(" ");
console.log('second Line :' + secondLine);
}

<textarea id="c" placeholder="c" spellcheck="false"></textarea>
<button onclick=getfirstAndsecondLine('c')>
get first and second line
</button>

【讨论】：

【解决方案2】：

假设第一行和第二行用换行符分隔（按回车键），您将其拆分为“\n”，然后得到第二个元素。

function getSecondLine() {
    var tarea = document.getElementById("c")
    var tareavalue = tarea.value;
    var secondLine = tareavalue.split("\n")[1];
    console.log(secondLine)
}

【讨论】：