Question

我有一个<textarea>标签，其ID为text1和三个<label>标签，我希望根据text1的值进行填充（现称为{{1} }，filed1，filed2，filed3）。

filed4的样本值：

text1

预期输出：

abcd 
12345678

这是设置环境所需的html代码：

filed1 = a12
filed2 = b34
filed3 = c56
filed4 = d78

Answer 1

此解决方案仍可以改进，虽然很丑陋，但可以，希望对您有所帮助。

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&#13;&#10;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>

如何分离并添加新文件

1 个答案: