Jquery, доступа к переменным из функции

Question

У меня есть этот код

function getSelectData(id) { 
    jQuery(id).change(function() { 
     var value=''; 
     jQuery(id+" option:selected").each(function() { 
      value =jQuery(this).val() ; 
     }); 
     console.log(value); 
    }); 
    return value; 
} 

var d = getSelectData("#sort_post_date"); 
console.log(d); 

Как я могу получить доступ к переменной «значение», я пробовал разные методы, но ничего, где console.log (значение); , значение выхода, но вне ничего, спасибо за помощь!

Answer 1

Вам нужно изменить значение перемещения вне функции, чтобы оно было привязано к закрытию. Как это:

function getSelectData(id) { 
    var value=''; 

    // set value to be the current selected value 
    value = jQuery(id+" option:selected").val(); 

    // change value whenever the box changes 
    jQuery(id).change(function() { 
     value = jQuery(id+" option:selected").val(); 
     console.log("I see a change! -> "+value); 
    }); 

    console.log(value); 
    return value; 
} 

var d = getSelectData("#sort_post_date"); 
console.log(d); 

Вот скрипка, чтобы показать, что это работает: http://jsfiddle.net/ZvuMh/

Answer 2

Это классический вопрос о закрытии. Вот некоторые из самых подобных

Event handlers inside a Javascript loop - need a closure?

javascript timer or intervals created in loop using closure

Javascript closure inside loops - simple practical example

Нижняя линия, переменная value не является локальным для обработчиков событий вы создаете. Итак, все обработчики обработчиков будут иметь значение, которое value было, когда внешняя функция закончилась. В этом случае он остается пустым.

Answer 3

Вы не можете получить доступ к своей переменной значения за пределами функции, в которой она была объявлена. Это называется областью переменных. Читайте на области видимости переменных here

Если вы хотите, чтобы иметь возможность получить доступ к переменной, вы должны быть в объеме, по меньшей мере, в целом, как один он был объявлен в.

Так что в этом случае :

function getSelectData(id){ 
    var value='';   
    jQuery(id).change(function() { 
     jQuery(id+" option:selected").each(function() { 
      value =jQuery(this).val() ; 
     }); 

     console.log(value); 
    }); 
    return value; 
} 

var d=getSelectData("#sort_post_date"); 
console.log(d); 

Answer 4

Попробуйте definining переменного значения в глобальном масштабе:

var value=''; 

function getSelectData(id) { 
    jQuery(id).change(function() { 
     value=''; 
     jQuery(id+" option:selected").each(function() { 
      value =jQuery(this).val() ; 
     }); 
    console.log(value); 
    }); 
    return value; 
} 

Там также нет смысла возвращаться «значение» здесь, поскольку он установлен в обработчике событий ... там ничего не будет (или просто старое значение) в точке возврата.