在JavaScript中存储和返回HTML表单中的输入变量

时间:2014-05-02 15:55:34

标签: javascript html

我一直在阅读其他问题,我尝试过的建议对我没用。我正在尝试让用户输入一个数字并以JS警报的形式返回(暂时)。这是我的代码:

HTML

<form id="form">
Enter your guess: <input id="guessbox" type="text" name="userguess">
<input id="submitbutton" type="submit" value="Submit">
</form>

的JavaScript

var guess = document.getElementById("guessbox").value;
alert(guess);

我一直为输入框的值获取'null',并且我希望我输入的值在单击提交按钮时变为变量“guess”。我确定我只是遗漏了一些基本的东西。

1 个答案:

答案 0 :(得分:1)

你可以尝试:

<form name="form" onSubmit="returnGuess()">
Enter your guess: <input id="guessbox" type="text" name="userguess">
<input id="submitbutton" type="submit" value="Submit">
</form>

使用Javascript:

function returnGuess(){
    var guess = document.forms["form"]["userguess"].value;
    alert(guess);
}