使用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

假設名稱是始終在文本框中的第一線和一流的永遠是第二：

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