2016-11-10 198 views
0

我想每次用戶點擊一個add row按鈕時都要保持計數。這是我的代碼不工作。Javascript不會遞增變量

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" />

我在做什麼錯?

+1

只要你知道,你讀過一/相關問題的聲明是沒有幫助的,如果你不鏈接到哪些問題你指的是並描述他們爲什麼沒有幫助。 – 4castle

+0

在控制檯中顯示什麼? – 2016-11-10 05:11:09

回答

2

你的代碼只得到值,並增加它,不分配值輸入字段。加入這一行的增量語句後:

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

而且它parseInt()小寫pParseInt()

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" />

+1

從DOM中取回元素兩次是sl。。 – 2016-11-10 05:11:34

0

這是因爲你聲明瞭函數內的變量。 因此,變量不會增加。

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

不,我只需要該函數範圍內的變量。謝謝你。 – the7k

+0

不幸的是,這是行不通的。你還沒有用'ParseInt'解決這個錯誤。 – 2016-11-10 05:11:51

1

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" />