使用javascript将多个数据从textbox抓取到textbox中

我的代码对于文本框中的单行输入非常有效。例如：

name:adam

但我想要的是，当我将数据输入文本框时，获取名称和类。大概是这样的：

例如：

name:adam   
class:8th grade

---

函数myFunction（）
{
var x=document.getElementById（“tarea”）；
document.getElementById（“name”）.value=x.value.substring（5）；
}

在HTML部分，我有以下内容：

<textarea rows="4" cols="50" id="tarea" onblur="myFunction()"></textarea>


name: <input type="text" id="name"></br>
class: <input type="text" id="class">

姓名：

类别：

您应该根据换行符分割文本区域。差不多

function myFunction()
{

var x = document.getElementById("tarea"),
    nameInput = document.getElementById('name'),
    classInput = document.getElementById('class');

var lines = x.value.split('\n');
var name = lines[0].substring(5);
var grade = lines[1].substring(6);

nameInput.value = name;
classInput.value = grade;   

}

---

fiddle:

假设name始终位于文本框的第一行，class始终位于第二行：

function myFunction(){
   var x=document.getElementById("tarea").value;
   var values = x.split("\n");
   document.getElementById('name').value = values[0].substr(5,values[0].length);
   document.getElementById('class').value = values[1].substr(6,values[1].length);
}

---

我在这里用了你的方法，但没有得到想要的结果。请告诉我哪里出了问题。嘿，对不起，我没有做所有的事情，只是选择了你需要的数据。用小提琴和额外的代码编辑我的答案

function myFunction(){
   var x=document.getElementById("tarea").value;
   var values = x.split("\n");
   document.getElementById('name').value = values[0].substr(5,values[0].length);
   document.getElementById('class').value = values[1].substr(6,values[1].length);
}