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

您应该根据换行符拆分textarea。

之类的东西

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

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

2 个答案: