元素解释的范围？更改后无法访问元素（function（）

Question

我很难理解选择器ID的范围及其寿命。

因为我不是一个真正的JavaScript程序员，所以让我发疯了。

这是我的情况...

我在ID为“ droplist”的页面上创建了一个拖放列表

我有一个输入字段元素，其ID为“ filearea”，属性为data-howmany =“ 10”

当您从下拉列表中选择一个值时，我会呼叫...

$("#droplist").change(function() {
   bla
   bla
   do some ajax to retrieve from the db based on value from droplist
});

如果我尝试访问输入属性

var xxx = $("#filearea").data("howmany");

喜欢这个...

$("#droplist").change(function() {
   var xxx = $("#filearea").data("howmany");
   alert(xxx);
   bla
   bla
   do some ajax to retrieve from the db based on value from droplist
});

我收到未定义的消息。

如果我将文件区域移到这样的更改之外...

var xxx = $("#filearea").data("howmany");
alert(xxx);

$("#droplist").change(function() {
   bla
   bla
   do some ajax to retrieve from the db based on value from droplist
});

有效。

当前，Ajax调用不执行任何操作。实际上，如果我注释掉ajax的内容，我仍然会得到Undefined。