javascript - Javascript 变量更改的 HTML 输入值

Question

我正在尝试更改此 HTML 输入的值

SCORE:<input id="playerScoreAnz" type="text" readonly value="0">

带有外部 Javascript 文件。每次我激活该功能时，我都想为 var 'playerScore' 加上 +1。在给 playerScore 加上 +1 之后，它应该把它放到 HTML 输入中的值中。我尝试了很多东西，但没有任何效果......

document.forms[0].playerScoreAnz.value = playerScore;


playerScoreField.val(playerScore);

这些只是我尝试过的两件事，但没有任何效果。我究竟做错了什么？

Answer 1

尝试

window.onload = function(){
var playerScore = document.forms[0].playerScoreAnz.value;

playerScoreField.val(playerScore);
}

Answer 2

怎么样：

document.getElementById("playerScoreAnz").value = playerScore;

Answer 3

你确定你在窗口加载时运行代码吗？试试这个（小提琴：http: //jsfiddle.net/XVRJs/2/）：

html:

<form>
    SCORE:<input id="playerScoreAnz" type="text" value="0" />
    <button type="button" onclick="changeWithjQuery()">change with jquery</button>
</form>

js：

function changeWithjQuery(){
    $("#playerScoreAnz").val(5);
}
window.onload = function(){
document.forms[0].playerScoreAnz.value = 7;    
}