2015-11-17 31 views
-3

我刚刚开始编程,我想要做的就是构建一个HTML表单(完成),并将值赋给变量(如名称,年龄,dob),以便稍后可以使用变量值。 当我使用getElementById它不起作用。HTML表单到变量

<form> Age: <input id="age" type="number" min=0 max=99 > 
</form> 
<button id="submit" type="button"> Submit my data </button> 
<script type="text/javascript"> 
    function getData(){ 
     var age=document.getElementById("age").value; 
    } 
console.log(age); 
</script> 
+1

难道您发布的代码块... –

+0

年龄:< input id =“age”type =“number”min = 0 max = 99>
<脚本类型= “文本/ JavaScript的”> 功能的getData(){ \t变种年龄=的document.getElementById( “年龄”)值。 } console.log(age); –

回答

1

您正在设置函数内部的变量并尝试获取外部值。

你需要做的console.log你的函数 里面还有你的函数不会被调用试试这个:

function getData(){ 
 
    var age=document.getElementById("age").value; 
 
    console.log(age); 
 
}
<form> Age: <input id="age" type="number" min=0 max=99 > 
 
</form> 
 
<button id="submit" type="button" onclick="getData()"> Submit my data </button>