Question

我正在尝试创建一个表单，在提交时只将两个值输出到控制台。但是，当我运行它时，只显示电子邮件字段，名称字段只显示“未定义”。

到目前为止，我创建了一个JSFiddle。

JS：

var name = document.getElementById("name");
var email = document.getElementById("email");
var submitButton = document.getElementById("btn-signup"); 

var sendInfo = function(){
console.log(name.value);
console.log(email.value);
}
submitButton.onclick = sendInfo;

Answer 1

https://jsfiddle.net/hbzxcvjj/2/

看到工作小提琴

尝试使用替代方法：

submitButton.addEventListener("click", sendInfo);

Answer 2

尝试将变量定义移动到函数中，这应该是它的外观：

var submitButton = document.getElementById("btn-signup"); 

var sendInfo = function(){
var name = document.getElementById("name");
var email = document.getElementById("email");
console.log(name.value);
console.log(email.value);
}
submitButton.onclick = sendInfo;

JS输出表单值在控制台中接收'undefined'

2 个答案: