我有一个<textarea>标签，其id为text1和三个<label>标签，我希望根据text1（此处称为filed1，filed2，filed3，filed4）的值填充。
text1的样本值：
abcd
12345678
预期产出：
filed1 = a12
filed2 = b34
filed3 = c56
filed4 = d78
这是我必须设置环境的html代码：
<html>
<head>
<title></title>
<body>
<div>
<label>Filed1<label>
<textarea id="text1">SRMP 66505430</textarea>
</div>
<div>
<label>Filed2:</label>
<textarea id="text2"></textarea>
</div>
<div>
<label>Filed3:</label>
<textarea id="text3"></textarea>
</div>
<div>
<label>Filed4:</label>
<textarea id="text4"></textarea>
</div>
</body>
</html>这个解决方案仍然可以改进，并且非常难看，但它有效，我希望它有所帮助。
function splitText() {
var textAreas = [];
//Put all of the textareas into an array for easy access
for(let i = 1; i <= 4; i++) {
textAreas.push(document.getElementById(`text${i}`));
}
//Read the text from text1 and split it at a new line
var text = textAreas[0].value;
var [line1, line2] = text.split(/\r?\n/)
for(let i = 0; i < 4; i++) {
var combinedText = line1.substring(i, i+1) + line2.substring(i*2, (i+1)*2)
textAreas[i].value = combinedText;
}
}<html>
<head>
<title></title>
<body>
<div>
<label>Filed1<label>
<textarea id="text1">SRMP 66505430</textarea>
</div>
<div>
<label>Filed2:</label>
<textarea id="text2"></textarea>
</div>
<div>
<label>Filed3:</label>
<textarea id="text3"></textarea>
</div>
<div>
<label>Filed4:</label>
<textarea id="text4"></textarea>
</div>
<button onclick="splitText()">Do it!</button>
</body>
</html>