添加事件以更改输入值答案

【问题标题】：Add event to change input value添加事件以更改输入值
【发布时间】：2020-04-21 06:14:21
【问题描述】：

我正在尝试创建一个函数来更改 HTML 脚本中的输入值。 HTML 看起来像这样：

<tr>
   <td>6500</td>
   <td>
      <input type="text" size="3" value="3"/>
  </td>
</tr>
<tr>
   <td>6500</td>
   <td>
      <input type="text" size="3" value="3"/>
  </td>
</tr>

我想创建一个事件，其中值根据用户输入更新并更改值，以便当我单击按钮时，它会执行我已经为其编写函数的计算。我被卡住了，我唯一拥有的是可以选择用户输入的单元格。我需要做简单的纯 js 而不是 jquery。

function input() {
var table = document.getElementById("list");
var x = table.getElementsByTagName("input");

console.log(x);

}

提前致谢。

【问题讨论】：

您的 html 无效 - 您的输入需要在 td 内。同样在你的js中，你在哪里定义table
感谢您的评论皮特。我现在更新了更多代码。
是说您想用用户在同一输入中输入的任何内容来更新输入中的value="3"？
是的，只要输入新的输入。
您能否添加您的代码的 sn-p，以便我们更好地了解您的问题

标签： javascript

【解决方案1】：

不知道为什么在您的后续评论之后我从未回复过答案，而且我知道这已经很晚了，但如果这不再帮助您，它可能仍然对其他人有所帮助。

使用 JavaScript：

var inputs = document.querySelectorAll('input');
for (var i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener('input', function() {
    this.setAttribute('value', this.value);
  });
}

使用 jQuery：

$(document).on('input', 'input', function() {this.setAttribute('value', this.value);});

【讨论】：