2014-07-04 384 views
-1

每次我點擊我的HTML按鈕時,數值都會被填充進行簡短的刷新,然後消失。希望我的變量在單擊按鈕後保留。我試圖把.innerHTML放在按鈕點擊之外,只改變js函數中的變量。不知道在這裏做什麼。謝謝。javascript,如何讓html在按鈕點擊後保持不變

HTML:

< button id="evaluteScoreButton">Evaluate Scores</button > 

JS:

document.getElementById("evaluteScoreButton").onclick = function evaluateGrades() { 
window.document.getElementById('dsumm').innerHTML = arrayAverage(discussionArray()); 
window.document.getElementById('tsumm').innerHTML = arrayAverage(testArray()); 
window.document.getElementById('asumm').innerHTML = arrayAverage(assignmentArray()); 
var totalAverage = findTotalAverage(); 
window.document.getElementById('totalAverage').innerHTML = totalAverage; 
window.document.getElementById('letterAverage').innerHTML = (findLetterGrade(totalAverage));  

};

+0

當我簡化它(保留我沒有的函數的存根)時,它似乎表現得很好。你能提供更多的代碼嗎?這是我工作的小提琴:http://jsfiddle.net/RdPtE/1/ –

+0

做任何上述數組函數清除任何值? –

回答

1

更改按鈕類型

而不是

<button id="evaluateScoreButton">Evaluate Scores</button> 

嘗試

<input type="button" id="evaluateScoreButton">Evaluate Scores</input> 

這背後的原因是,我覺得<button>元素是提交按鈕,這使得HTML表格將被髮布。使用<input>應該避免這種情況

相關問題