Javascript：剪切字符串并返回不同的输入

我试图在不同的部分剪切一个字符串，并将每个部分返回到不同的输入中。下面是一个例子：

考虑以下字符串：

Hello | World |

如您所见，有一个分隔符，它是
|
。我想将这个
|
剪切的字符串的每个部分分开，并将它们返回到不同的输入中

我不能使用
str.substr（）
（至少是通常的用法，也许你有一个技巧），因为
之间的字符数不是固定的，有时是2个字符，有时是16个，据我所知
str.substr（）
需要设置剪切前的字符数

基本上，我正在寻找Excel在转换功能中提供的解决方案，在转换功能中定义一个分隔符，每次找到分隔符集时，Excel都会将值的每个部分分隔成不同的单元格

这是Javascript的第一部分，获取粘贴字符串的textarea的值：

function cutTheString()
{
  var str = document.getElementById('textarea').value;
}

这就是HTML：

<textarea id="textarea"></textarea>
<br />
<input type="submit" value="Cut string" onClick="cutTheString()" />
<input type="text" id="string1"></input>
<input type="text" id="string2"></input>
<input type="text" id="string3"></input>





现在我有
document.getElementById（'string1'）。value=str（）
将完整字符串返回到第一个输入中。我还可以使用
var res=str.split（“|”）将分隔符
|
转换为
，
但这对我的情况并没有真正的帮助。
您可以
getElementById
在循环中，就像：

foreach{ getElementById(i++)} var result = result.contact();

使用jquery的另一种方式是，它有标记选择器。
只要您有足够的
元素：

function cutTheString()
{
  var str = document.getElementById('textarea').value;
  var arrayOfStrings = str.split('|');
  for(var i = 0; i < arrayOfStrings.length; i++) {
     document.getElementById("string" + (i+1)).value = arrayOfStrings[i];
  }
}

函数剪切字符串（）
{
var str=document.getElementById（'textarea'）。值；
var arrayOfStrings=str.split（“|”）；
对于（变量i=0；i

看
 

var myString='hello | world |！'；
var myArray=myString.split（“|”）
document.getElementById（'string1'）。value=myArray[0]；
document.getElementById（'string2'）。value=myArray[1]；
document.getElementById（'string3'）。value=myArray[2]；
返回一个数组。你还需要什么？我需要将字符串的每一部分返回到不同的输入中，而不是一个输入中。听说过循环吗？我并不想粗鲁，但我想我是在问一个问题：“）你有任何示例代码或链接可以告诉我如何做我正在尝试的事情吗？谢谢：）如果你关注我在第一次回复中提供的链接，你已经得到了答案。不过我还是帮你贴了。谢谢你的回复。尽管如此，要么我真的不太理解它，要么它不会做我正在寻找的事情。我在一个文本区域中有一个带有单个id的大字符串，每次有一个特定的分隔符时我都要剪切该字符串，然后将剪切字符串的所有部分返回到不同的输入中。所以我不认为多次获取id会有什么帮助，因为只有一个id作为字符串的源。
<script>
    var myString = 'hello|world|!';
    var myArray = myString.split('|')
    document.getElementById('string1').value = myArray[0];
    document.getElementById('string2').value = myArray[1];
    document.getElementById('string3').value = myArray[2];

</script>

<div>
    <input type='text' id='string1'></input>
    <input type='text' id='string2'></input>
    <input type='text' id='string3'></input>
</div>