объем объяснения элемента?Не удается получить доступ к элементу после изменения (function ()

Question

У меня проблемы с пониманием области действия идентификатора селектора и его жизни.

Меня сводило с ума, так как я на самом деле не программист javascript.

Вот моя ситуация ...

У меня есть выпадающий список, созданный на странице с идентификатором «droplist»

У меня есть элемент поля ввода с идентификатором"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.