Javascript var 内部函数

Question

我是 javascript 的新手，我想了解为什么这不起作用:

var firstName = $("#firstName").val();

$("#account").on('submit', function() {
     console.log(firstName); // Empty value
});

jsfiddle:FIDDLE

Answer 1

按照您的代码编写方式，它会在首次加载页面时获取名字字段的值，并将其存储在变量 firstName 中。然后，稍后它会将存储的值输出到控制台。如果您想要该字段的当前值，则必须在输出时获取当前值，如下所示:

$("#account").on('submit', function() {
     var firstName = $("#firstName").val();   // get current value
     console.log(firstName); 
});