Javascript没有递增变量

Question

我希望每次用户点击add row按钮时都会计算。这是我的代码不起作用。

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;

parseInt()小写p而不是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" />

Answer 2

这是因为你在函数中声明了变量。 因此，变量不会增加。

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