Javascript 不增加变量

Question

我想在用户每次单击添加行按钮时进行计数。这是我的代码，但不起作用。

function add_more_row() {
  var rows_count = ParseInt(document.getElementById("rows_count").value);
  rows_count += 1;
}

<input type="text" value="0" id="rows_count" />
<input onclick="add_more_row();" type="button" value="add row" />

我做错了什么？

Answer 1

您的代码仅获取值并增加它，不会将值分配给输入字段。在增量语句后添加此行:

document.getElementById("rows_count").value = rows_count;

而且它是小写 p 的 parseInt()，而不是 ParseInt()。

function add_more_row() {
  var inputRow = document.getElementById("rows_count"),
      rows_count = parseInt(inputRow.value);
  rows_count += 1;
  inputRow.value = rows_count;
}

<input type="text" value="0" id="rows_count" />
<input onclick="add_more_row();" type="button" value="add row" />