2010-09-08 10 views
1

Quelqu'un peut-il poster un code html simple sur la façon de l'implémenter, avec un simple objet de données.Plugin jQuery AutoSuggest

Voici le lien http://code.drewwilson.com/entry/autosuggest-jquery-plugin

J'ai tout essayé pour le faire fonctionner et je n'ai pas réussi jusqu'à présent, quelqu'un peut s'il vous plaît aider

Merci

Mason

+2

Puisque vous avez déjà essayé "tout", nous ne pouvons pas vous aider beaucoup. Vous aurez plus de chance si vous décrivez "je n'ai pas réussi jusqu'ici" en détail. Qu'avez-vous fait exactement jusqu'ici et que se passe-t-il exactement et que se passe-t-il exactement? De cette façon, nous pouvons fournir des réponses plus appropriées sur la façon de procéder avec l'étape particulière où vous vous trouvez actuellement. – BalusC

+1

Fondamentalement, je n'ai jamais utilisé cela auparavant et je dois l'implémenter comme une liste, donc c'est comme

  • Nom de la personne
  • user393273

    Répondre

    4

    Cela semble fonctionne bien (essentiellement obtenu sur le site Web), probablement besoin d'un style pour l'obtenir comme vous le voulez. Vous ne savez pas non plus d'où proviendront vos données, mais il a aussi quelques exemples d'ajax.

    Quoi qu'il en soit, enregistrez les éléments suivants en tant que document .html pour un exemple.

    <html> 
    <head> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
        <script src="http://the-know-your-rights.googlecode.com/svn-history/r10/trunk/resources/js/jquery/autoSuggest/jquery.autoSuggest.minified.js"></script> 
        <script type="text/javascript"> 
         var $sel = null; 
         $(document).ready(function() { 
          var data = {items: [ 
           {value: "21", name: "Mick Jagger"}, 
           {value: "43", name: "Johnny Storm"}, 
           {value: "46", name: "Richard Hatch"}, 
           {value: "54", name: "Kelly Slater"}, 
           {value: "55", name: "Rudy Hamilton"}, 
           {value: "79", name: "Michael Jordan"} 
          ]}; 
          $("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"}); 
         }); 
        </script> 
    </head> 
    <body> 
        <input type="text" /> 
    </body> 
    </html> 
    

    Si c'est pas ce que vous cherchez puis mettez à jour votre question avec plus de détails, et je vais voir si je peux vous obtenir une meilleure réponse.

    +0

    Merci l'homme que j'ai cliqué sur la coche et le signe – user393273

    +0

    Je suis heureux d'avoir pu aider! –