Javascript:剪切字符串并在不同的输入中返回

Question

我正在尝试将字符串剪切为不同的部分，并将每个部分返回到不同的输入中。这是一个例子:

考虑以下字符串:Hello|World|!

可以看到，有一个分隔符，即| 。我想将 | 切割的字符串的每个部分分开并将它们返回到不同的输入中。

我无法使用 str.substr() (至少是通常使用它，也许你有窍门)因为 | 之间的字符数不固定，有时是2个字符，有时是16个，据我所知str.substr()需要设置剪切前的字符数。

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

这是 Javascript 的第一部分，获取粘贴字符串的文本区域的值:

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("|");但这对我的情况并没有真正的帮助。

Answer 1

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