Question

我正在尝试制作一些可以将数字输入到输入中的内容（或者一个可信的div会更好吗？）并且它会对它们进行一些计算并将另一个div的内容设置为答案。我怎样才能使其他div在数字发生变化时更新？我宁愿这样做，以便没有提交按钮，所以当你输入它时，数字会立即改变。我可以通过每次按键更新它来实现这一点，但问题是存储输入数据而不按下提交按钮

Answer 1

首先，请花点时间格式化您的问题。这是一个很难读的。

第二，请尝试包含所有信息，以显示您已经走了多远。

此外，我还不清楚你要做什么。

您正在寻找的是双向数据绑定，它有许多不同的选项，但它并不意味着您需要的是什么。看起来以下对您来说是一个很好的解决方案。

＆＃13;

function doSomeCalculationsAndDisplay(event){
  const elem = document.getElementById('input');
  console.log(elem.value);
  document.getElementById('result').innerText = 'Double value: ' + parseFloat(elem.value) * 2;
}

＆＃13;

<input id="input" type="number" onKeyUp="doSomeCalculationsAndDisplay()" onChange="doSomeCalculationsAndDisplay()">
<div id="result"></div>

＆＃13;

Answer 2

一旦我发布了关于它的帖子，我似乎总是自己想出来。这不是很复杂，我遇到的问题是我试图获得输入的innerHTML，这是不可能的，我需要得到它的价值。

要实现这一点，您需要做的就是创建一个输入，div和函数，将div设置为输入document.getElementById('test1').innerHTML = document.getElementById('input1').value;，并在输入中调用此函数onkeyup。

如何在不提交的情况下不断存储输入值

2 个答案: