添加事件以更改输入值

Question

我正在尝试创建一个函数来更改 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);

}

提前致谢。

Answer 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);});