jQuery autocomplete marquage plug-in comme StackOverflow de balises input?

Quelles solutions pour accomplir la même auto-complétion qui utilise pour la saisie des tags?

Il y a des plugins qui peuvent gérer un seul mot, mais je n'ai pas vu de qui manipulent plusieurs mots.

  • Le vote pour la fermer comme outil rec.
  • J'ai créé le meilleur github.com/yairEO/tagify
  • Ajouté à la liste dans la première réponse. Malheureusement ne pouvez pas lier directement à codepen.io ne l'a pas tout le code dans la réponse
  • peut-être qu'il acceptera de google URL raccourcie ceux
  • Mon plugin est mieux que la meilleure sur le haut de la liste, et mérite d'être sur le dessus et j'ai de bons points de vente pour que. actuellement tout en haut de la liste est pléthorique (x4 que le mien), utilise l'élément d'entrée (mauvais pour la forme de sérialisation) et ne prend pas en charge les virgules ou de coller des étiquettes avec eux. il offre certaines fonctionnalités qui sont sympa, mais inutiles pour la plupart des cas. autocomplete doit être utilisé désespérément à mon humble avis
  • welp, le vôtre a seulement quelques jours, en vertu de sa ceinture. J'ai réorganisé un peu la liste à l'honneur de ceux qui sont encore disponibles, récemment mis à jour, précis et mentionnés. Le vôtre fait #4
  • Quel honneur 🙂 c'est pas du vin, vous savez, dans le code, généralement les plus récents, les mieux. Une personne ne dérange pas l'encodage d'une version plus récente de quelque chose, sauf si c'est mieux et le code a appris des erreurs des anciens et a essayé de hors-smart eux 🙂

InformationsquelleAutor Joe Phillips | 2009-02-06
  1. 757

    Dans le but de l'activité, des démonstrations et des exemples disponibles, et de la simplicité:

    Connexes:

    • Sur IE9 c'est de donner une "Ligne: 18 Erreur: cet Objet ne gère pas la propriété ou la méthode 'tagit'"
    • sur IE le mot clé "const" n'est pas pris en charge pour javascript, hense l'erreur. Check this out lien
    • Ceux qui cherchent le plus à jour la version, de la documentation et des exemples plus précis de ce merveilleux plugin devrait aller ici et de la fourche loin: github.com/aehlke/tag-it
    • Nous avons publié de Bootstrap Tokenfield. C'est l'accent principal est mis sur le copier-coller, du clavier et de la possibilité de modification de soutien. sliptree.github.io/bootstrap-tokenfield
    • Quelqu'un qui peut vous recommander un bon avec knockout.JS?
    • Voici une autre bonne: brianreavis.github.io/selectize.js j'avais l'ajouter comme une réponse, mais ce serait clairement "non constructive".
    • Tag-c'est très bon pour jquery autocomplete de l'intégration.
    • selectize.js 6500+ étoiles sur github. la peine de vérifier. brianreavis.github.io/selectize.js
    • Je suis à la recherche d'un avec fonction d'auto-complétion et nous pouvons désactiver le contrôle de doublon, laquelle est la bonne? Certains d'entre eux ont toujours la recherche de doublons, mais il n'est pas possible de désactiver cette fonction.
    • mise à jour: je pense que magicsuggest est la meilleure option maintenant.
    • Votre deuxième d'autres lien est rompu.
    • Schenone Tag-It est bonne , mais j'ai un problème lorsque je veux mettre les balises sélectionnées ID à l'aide d'un formulaire, les utilisateurs sont confrontés à un même problème here, je tiens à mettre la balise d'identifiant dans le champ caché et l'utiliser plus tard lors de la poste, toute la bonne solution ou un autre plugin ?
    • tag-c'est surfait. Exigeant jquery pour un simple système de tag, c'est trop, mais en exigeant ainsi de jQuery UI et jquery UI CSS est juste fou de nos jours. Pas la peine.
    • tout à fait d'accord, tellement en colère à propos de la deps sera absolument pas utiliser de balise-il. Avez-vous été en mesure de trouver une semblable à la vanille?
    • J'ai fini à l'aide de jquery.tagsinput parce que je n'ai pas l'esprit à l'aide de jQuery qui est déjà utilisé dans mon projet. Je viens si il était fou de demander de l'INTERFACE utilisateur de jquery et CSS.
    • Tag-Il a des problèmes, en particulier lors de la modification des accès en lecture-écriture (de manière dynamique, côté client).
    • Avant une raison que je ne suis pas autorisé à l'aide de jQuery, est-il une solution css/js?
    • Select2 Est une bien meilleure option pour moi. L'essayer avant de tag-it
    • comment à ce sujet de la bibliothèque github.com/sniperwolf/taggingJS ? Est-il mieux que mentionnés ci-dessus les bibliothèques?
    • J'aime assez tagify. Il semble être le plus léger et le plus facile à configurer. La seule chose que je n'aime pas c'est l'étrange balisage.

    InformationsquelleAutor Dmitriy Nesteryuk
  2. 61

    Bootstrap: Si vous êtes en utilisant Bootstrap. C'est une très bonne: Select2

    Aussi, TokenInput est intéressant. Tout d'abord, il ne dépend pas de jQuery-UI, deuxième de sa config est très lisse.

    Le seul problème que j'ai eu, il ne prend pas en charge le marquage en mode natif. Donc, j'ai du renvoyer la chaîne de la requête de retour au client une partie de la réponse JSON.

    Comme @culithay mentionnées dans le commentaire, TokenInput prend en charge une multitude de fonctionnalités pour personnaliser. Et de mettre en évidence de certaines fonctionnalités que les autres n'ont pas:

    • tokenLimit: Le nombre maximal de résultats ont permis d'être sélectionné par l'utilisateur. Utiliser la valeur null pour permettre illimité sélections
    • minChars: Le nombre minimum de caractères que l'utilisateur doit entrer avant qu'une recherche est effectuée.
    • queryParam: le nom de La requête param laquelle vous prévoyez de contenir le terme de recherche sur le côté serveur

    Grâce culithay pour l'entrée.

    • TokenInput semble que c'est exactement ce que j'ai été à la recherche pour: utilisateur tape quelque chose, effectue une recherche sur le serveur, l'utilisateur peut sélectionner une recherche pour l'élément, rincer et répéter.
    • TokenInput prend en charge une multitude de fonctionnalités pour personnaliser. Et j'en évidence de certaines fonctionnalités que les autres n'ont pas. - tokenLimit: Le nombre maximal de résultats ont permis d'être sélectionné par l'utilisateur. Utiliser la valeur null pour permettre illimité sélections - minChars: Le nombre minimum de caractères que l'utilisateur doit entrer avant qu'une recherche est effectuée. - queryParam: le nom de La requête param laquelle vous prévoyez de contenir le terme de recherche sur le côté serveur
    • ajouté à la réponse
    • Comment ajouter de nouveaux tags avec ça: stackoverflow.com/questions/28656977/... Dur 🙁
    • Bon. Ne supportant pas la libre-marquage n'est pas un gros problème, car il peut être facilement surmontés.
    InformationsquelleAutor Nishant
  3. 9

    Cette origine répondu à une question complémentaire au sujet de la sagesse de téléchargement jQuery rapport à y accéder via un CDN, qui n'est plus présente...

    Pour répondre à la chose à propos de Google. J'ai déplacé plus à l'accès à JQuery et la plupart des autres de ces sortes de bibliothèques par le correspondant de CA dans mes sites.

    Comme de plus en plus de gens font cela signifie qu'il est plus susceptible d'être mis en cache sur les ordinateurs des utilisateurs, donc mon vote va pour la bonne idée.

    Dans les cinq ans depuis que je l'ai offert ce, il est devenu commun de la sagesse.

    • On roule comme une partie de nos modèles par défaut ainsi. Google peut servir de ce code zippée et d'un CDN plus vite que nous, et en plus, si il n'y a même 2% de chances qu'un visiteur a cette mise en cache, c'est mieux que pas de chance à tous.
    • Comment est-ce la réponse à la question d'origine?
    • La dernière partie 'Aussi,...' demande si en les reliant à la version de Google est une bonne ou une mauvaise idée, et ma réponse est qu'il est de plus en plus une bonne idée.
    • Je ne pense pas que j'ai eu d'autres réponses acceptables lorsque j'ai d'abord demandé. Qui a changé depuis.
    InformationsquelleAutor Julian
  5. 3

    Vérifier ce plugin:

    Comment utiliser AJAX pour charger les balises https://stackoverflow.com/a/7662534/1078027

    InformationsquelleAutor boreq
  6. 1

    Nous venons de open-source ce plug-in jquery Github: tactivos/jquery-coudre.

    • Alors que ce lien peut répondre à la question, il est préférable d'inclure les parties essentielles de la réponse et de fournir le lien de référence. Lien-ne répond peut devenir non valide (et downvoted) si la page liée changements. Voir Comment Répondre pourquoi c'est important.
    • La page de démonstration est mort.
    InformationsquelleAutor user1880508