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

Posted 2023-05-07

【中文标题】如何获取 textarea 中第一行和第二行的值？

【英文标题】：How can I get the value of the first and second line in a textarea?

【发布时间】：2020-12-30 14:01:58

【问题描述】：

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

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

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

textarea 
  resize: none;

<textarea id="c" placeholder="c" spellcheck="false"></textarea>

【问题讨论】：

如果您将123456789012345678901234567 作为一个长文本并且123456789012345678901234567 换行到一个新行（第一行包含1234567890123456789012，下一行包含34567），这行在您的情况下，文本被视为两行，或者用户点击“输入”是否需要分隔新行。

看这里：***.com/questions/9196954/…

@NickParsons 该行需要按回车键分隔。然后我还想将该行的值作为它自己的变量。如果您有一个可行的解决方案，我们将不胜感激。

【参考方案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)