为什么返回的是undefined而不是value?

时间:2019-01-31 04:12:40

标签: javascript html dom

我的HTML代码中有一个输入,我想将输入捕获为javascript中的变量。

HTML:

<form id="answer">
      Answer: <input type="text" answer="response"><br>
      <input type="button" value="Submit" onclick="answerInput()"> <br><br>
    </form>

Javascript:

var answer = document.getElementById('answer').value;

我希望它返回在命中提交之前在字段中输入的值,但是它返回未定义的值。我需要有人能够输入一个值(在这种情况下为数字),并将该数字用作变量。

感谢您耐心等待,我是所有新手,而且自学成才。

2 个答案:

答案 0 :(得分:2)

CopyBlock(Void*, Void*, UInt32) 标签上的id answer 放在input标签上

form
function answerInput()
{
var answer = document.getElementById('answer').value;
console.log(answer)}

答案 1 :(得分:0)

您的表单的ID为“ answer”。您的输入没有ID。 Javascript会检查ID为“ answer”的元素的“ value”属性,但是表单没有value属性,因此它返回undefined。

因此,您只需将id="answer"从表单标签移至输入标签即可获得所需的结果。