Accrocher des gestionnaires d'événements à jQuery Autocomplete Combobox

Question

Je voudrais des conseils sur la façon de configurer les gestionnaires d'événements pour le Combox Autocomplete de jQuery: http://jqueryui.com/demos/autocomplete/#combobox.

exemples de code de la doc jQuery sont comme ci-dessous:

// Supply a callback function to handle the select event as an init option. 
$(".selector").autocomplete({ 
    select: function(event, ui) { ... } 
}); 
// Bind to the select event by type: autocompleteselect. 
$(".selector").bind("autocompleteselect", function(event, ui) { 
    ... 
}); 

J'ai essayé - comme ci-dessous - mais il ne fonctionne pas. Je comprends à partir de ce rapport de bogue fermé (dev.jqueryui.com/ticket/5891) que j'instance une combobox et que j'essaie de définir des options en utilisant la saisie semi-automatique, mais je ne comprends pas comment le résoudre.

// Have: <select id="comboInput" name="comboInput"> .... 
$(document).ready(function() { 
    $("#comboInput").combobox(); 
    $("#comboInput").autocomplete({ 
     select: function(event, ui) { 
     alert("Value selected."); 
     } 
    }); 
}); 

Quelqu'un peut-il me conseiller sur la façon de faire ce travail? Merci pour toute aide!

Answer 1

En bref, voici ce qui est nécessaire pour créer un combobox avec un gestionnaire d'événements pour l'événement « sélectionné » (qui devrait être « select », mais combobox est seulement un prototype):

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     // For some SELECT with ID combobox 
     $("#combobox").combobox({ 
     selected: function(event, ui) { 
      // Event handling code goes here. 
     } // selected 
     }); // combo 
    }); // ready 
</script> 

Pour en savoir plus détail et discussion, voir mon article de blog: Event Handling with the jQuery Autocomplete Combobox.