javascript - 使用Javascript将多个数据从文本框中抓取到文本框中

Question

我的代码适用于文本框的单行输入。例如：name:adam

但我想要的是，在我将数据输入文本框时获取名称和类。像这样的东西：

例子：

name:adam   
class:8th grade

---

<script>
function myFunction()
{
    var x = document.getElementById("tarea");
    document.getElementById("name").value = x.value.substring(5);
}
</script>

在 HTML 部分，我有这个：

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


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

Answer 1

你应该根据换行符分割你的文本区域。就像是

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;   

}

小提琴：http: //jsfiddle.net/MVWAD/

Answer 2

假设 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);
}