Jquery, variable d'accès de la fonction

Question

J'ai ce code

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); 

Comment je peux accéder à la "valeur" variable i essayé différentes méthodes, mais rien, où est console.log (valeur); , sortie de valeur, mais en dehors de rien, merci de votre aide!

Answer 1

Vous avez besoin ot valeur de déplacement en dehors de la fonction de sorte qu'il est lié à la fermeture. Comme ceci:

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); 

est ici le violon de montrer cela fonctionne: http://jsfiddle.net/ZvuMh/

Answer 2

Il s'agit d'une question de clôture classique. Voici quelques-unes des plus semblables

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

Bottom line, la variable value est pas de gestionnaire local pour les évènements que vous créez. Donc tous les des gestionnaires que vous créez vont avoir la valeur que value avait lorsque la fonction externe s'est terminée. Dans ce cas, il est toujours vide.

Answer 3

Vous ne pouvez pas accéder à votre variable de valeur en dehors de la fonction dans laquelle elle a été déclarée. C'est ce qu'on appelle la variable variable. Lire la portée des variables here

Si vous voulez être en mesure d'accéder à une variable, vous devez être dans un champ qui est au moins aussi général que celui qu'il a été déclaré dans.

Donc dans ce cas :

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

Essayez definining la variable de valeur dans la portée globale:

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; 
} 

Il y a aussi inutile de revenir « valeur » ici, puisqu'il est placé dans un gestionnaire d'événement ... il n'y aura rien là-dedans (ou, juste une ancienne valeur) au point de retour.