Utilisation de l'argument (this) passé via l'élément eventhandler

Question

Je souhaite utiliser l'argument que je passe (this) dans une fonction JS et le traiter comme une variable jQuery. Exemple:

<script>  
function useMe(obj){ 
    $(obj).val(); 
    ... 
    ... 
    ... 
} 
</script> 


<select id="selectid" onChange="useMe(this)"> 
    <option>......</option> 
</select> 

Est-il possible de traiter l'argument passé comme un élément jQuery?

Btw. Je dois le faire de cette façon, car l'élément select n'est pas créé en charge. L'élément select sera créé plus tard de manière asynchrone.

Donc, cela ne fonctionnera pas:

$("select").each(function (i){ 
    var select_id = $(this).attr("id");     
    $(this).change(function(e){ 

parce qu'il n'existe pas encore.

Merci pour votre aide.

Answer 1

Si votre élément est pas créé sur la charge, et au lieu chargé de manière asynchrone, vous pouvez lier l'événement de changement comme celui-ci:

$('select').live('change',function(){ 
    // ... 
}); 

Cela lie la fonction définie à l'événement de changement sur tous les existants et sur chaque nouvel article sélectionné.

Mise à jour: Vous devez au moins 1.4.1 jQuery pour cette

Answer 2

Si l'élément n'existe pas lors du chargement du document, cela signifie qu'il est ajouté ultérieurement par un appel AJAX. Si c'est le cas, mettez simplement l'enregistrement de la poignée change dans le rappel success.

$.ajax({ 
    url: '/somescript', 
    success: function() { 
     // some code that injects the select into the DOM 
     // ... 
     $("select").each(function(i) { 
      var select_id = $(this).attr("id");     
      $(this).change(function(e) { 
       // ... 
      }); 
     }); 
    } 
}); 

Answer 3

Si vous choisissez de rester avec votre onchange attribut (que je vous conseille contre), il suffit d'utiliser:

<script>  
function useMe($obj){ 
    $obj.val(); 
    ... 
    ... 
    ... 
} 
</script> 

<select id="selectid" onChange="useMe($(this))"> 
    <option>......</option> 
</select>