Jquery ajax auto complète problème

Question

Je rencontre des problèmes de débutant résoudre un script ajax autocomplete si quelqu'un voudrait offrir des conseils?

Dans mon formulaire, je souhaite que les utilisateurs sélectionnent un type d'événement (liste déroulante) qui, lors de la sélection, affiche une zone de texte. Cette zone de texte offre ensuite à un utilisateur la possibilité de compléter automatiquement sa saisie au démarrage, les options ayant été générées via AJAX en fonction du type d'événement sélectionné.

J'utilise un mélange de http://pengoworks.com/workshop/jquery/autocomplete.htm - pour effectuer la saisie semi-automatique et quelques jquery de base pour identifier la valeur du type d'événement sélectionné. Le problème que j'ai dans le code ci-dessous est de passer la valeur du type d'événement sélectionné, défini comme la variable 'caturl', dans le 'extraParams: {cat: 4}' en remplaçant le 4 par le type d'événement sélectionné dynamiquement. Toute aide serait grandement reçue.

$('#select').change(function() { 
      $('.eventtype').hide();    
      $('#eventtype' + $(this).find('option:selected').attr('id')).show(); 
      caturl = $('#select :selected').val();    
     }); 

     $("#CityAjax").autocomplete(  
     'caturl.php', 
     { 
      delay:10, 
      minChars:2, 
      matchSubset:1, 
      matchContains:1, 
      cacheLength:10, 
      onItemSelect:selectItem, 
      onFindValue:findValue, 
      formatItem:formatItem, 
      extraParams:{cat:4}, 
      autoFill:true 
     }); 

Answer 1

En cas change de votre liste de sélection, vous pouvez appeler setOptions() sur l'objet autocomplete. setOptions() re-configure le widget auto-complétion et remplacera les options définies au cours de document.ready()