Jquery Choisi plugin - remplir dynamiquement la liste par Ajax

Im essayant de construire mon menu déroulant en utilisant le plugin Choisi pour Multiples Sélectionnez .
Voici pour le comportement je me suis basé sur:

http://jsfiddle.net/JfLvA/

Donc, au lieu d'avoir 3 harcoded < option > dans mon select. Je veux que cette liste soit les valeurs d'un tableau json peuplée par une requête ajax. Ce sera déclenché par la saisie semi-automatique.

Ainsi, si l'utilisateur de type "voiture", im envoi de la lettre par le biais d'un appel ajax, et im obtenir un tableau comme ça:

[{"id":"2489","nom":"carrie"},{"id":"2490","nom":"Caroline"},{"id":"2491","nom":"Carole"}]

Le code:

$(function() {

$(".chzn-select").chosen();
$(".chzn-select-deselect").chosen({allow_single_deselect:true});

$('.chzn-choices input').autocomplete({
   source: function( request, response ) {
      $.ajax({
          url: "/change/name/autocomplete/"+request.term+"/",
          dataType: "json",
          success: function( data ) {
             response( $.map( data, function( item ) {
                $('ul.chzn-results').append('<li class="active-result">' + item.name + '</li>');

          }
       });
    }
});

Résultat:

J'type "voiture", dans la liste déroulante Im obtenir "Pas de résultat pour la voiture" et puis j'ai tous mes résultats que je veux.

1. Pourquoi je suis ce que je reçois le "Pas de résultat" du message, cause que je peux voir dans mon tableau json et à l'intérieur de ma liste que je suis l'obtention de résultats.

 -----------------------------

Quand je supprime "voiture" et entrez "sam". Les résultats pour "sam" sont diffusées au-delà de la "voiture" des résultats. (En gros, je vois le résultat pour les deux, au lieu d'avoir juste le résultat de ma recherche en cours)

2. Im je suppose que pour effacer l'ul sur keyUp?? La pensée le plugin faisait déjà

 -----------------------------

Lorsque je clique sur un nom pour sélectionner et ajouter dans le select, je me fais une erreur javascript à l'intérieur de la chosen.js fichier

élément n'est pas défini

"le point.selected = true;" ligne de 732

le lien pour le plugin:
http://harvesthq.github.com/chosen/chosen/chosen.jquery.js

et ce n'est pas ajouter quoi que ce soit à l'intérieur de la sélectionner.

3. Aucune idée de pourquoi ce qui se passe

 -----------------------------

Les gars, vous ne avez aucune idée sur ce que je suis je en train de faire quelque chose de mal? Je suis complètement coincé ici...!

Oh et en passant, je n'ai pas l'esprit de changer le plugin source, comme c'est le seul endroit où je l'utilise....

  • comment abt faire $('ul.chzn-résultats").empty() avant de l'ajouter .l'essayer
  • maintenant il est de retour moi le résultat pour le seul terme que je recherche, mais il est de retour seulement 1 résultat, même si j'ai 10 dans mon tableau
  • La solution que j'ai trouvé était d'ajouter $('.interface de saisie semi-automatique-entrée').keyup(function() { $('.chzn-résultats").empty(); }); Mais c'est juste pour la question #2
  • vous ne devriez pas être la manipulation de chzn-choices. Vous devez ajouter le json articles que vous obtenez à partir de votre serveur à votre chzn-sélectionnez le champ, puis invoque $(".chzn-select").trigger("liszt:updated");.
  • $("#form_field").trigger("choisis:mise à jour"); Utilisé Cette
  • Qui de saisie semi-automatique plugin utilisez-vous?

InformationsquelleAutor Lelly | 2012-08-20