2014-07-04 386 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>应该避免这种情况

相关问题