将数据从文本区域(字符串)移动到输入类型编号

时间:2018-03-16 10:53:02

标签: javascript

我遇到了一个问题,因为我想从TextArea传输已粘贴Office Excel的值,并且它们与断路器分开,就像Office Excel一样。使用数字类型的其余输入。 因此,我们有一个文本区域和50个输入类型编号Example

这是我的代码,但我现在卡住了,需要一些帮助,指示或示例。 感谢

// btn
const btn = document.querySelector(".btn--shift");
// text Area
let inputInArea = document.querySelector(".btn--input");

// test first input
let textInput = document.querySelectorAll('input[type="number"]');
var numbers = [];
btn.addEventListener("click", function(e) {
    e.preventDefault();
    let inputInAreaValue = inputInArea.value;
    let parsedStringToNumber = parseInt(inputInAreaValue);

    numbers.push(parsedStringToNumber);
    console.log(numbers);
    // FIXME:
    textInput[0].value = parsedStringToNumber;
    textInput.forEach(function(single) {
        single.value = parsedStringToNumber;
    });
    console.log(inputInAreaValue);
    // console.log(textInput[0]);
});

1 个答案:

答案 0 :(得分:1)

您可以简单地将String#split()Array#filter()的组合用于textarea的值:

  • textareaVal.split('\n')会将每个textarea的{​​{1}}值拆分

  • newline将删除数组中的空值



.filter(e => e != '')

document.getElementById('test').addEventListener('click',function(){
  let textareaVal = document.getElementById('txt').value;
  let values = textareaVal.split('\n').filter(e => e != '');
  console.log(values);
});