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

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

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

Answer 3

这是因为您在函数内部声明了变量。 因此，变量不会增加。

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