Comment ajouter du contenu HTML à la liste déroulante select2
J'ai utilisé Select2 plugin pour la balise d'entrée. Ici, c'est le violon de mon travail de base. J'ai besoin de faire preuve de "nombre" de chacune des options/tags à la zone de liste déroulante comme de cette façon:
J'ai créé une classe pour ce numéro dans mon CSS (.used-number
). Mais, je ne comprends pas comment puis-je ajouter ce numéro pour chacune des options à mon fichier HTML. Est-il possible d'ajouter quelque chose comme ceci(ou de toute autre manière):
$(".tag").select2({
data:[{tag: 'red',text:'3',className: 'used-number'},{tag: 'green',text:'12',className: 'used-number'},{tag: 'blue',text:'5', className: 'used-number'},{tag: 'black',text:'7'}]
});
});
source d'informationauteur user1896653
Vous devez vous connecter pour publier un commentaire.
La
tags
tableau doit contenir des objets avec les touchesid
ettext
. Vous pouvez ajouter plus de clés si vous avez besoin (pour votre cas, j'ai ajouté la cléqt
qui représente le nombre).D'ajouter du code HTML à l'option vous avez besoin de changer la valeur par défaut
formatResult
fonction. Avec le code suivant, les numéros apparaissent dans les tags qui existent (qui est, les balises transmis à la select2). Pour les options créées à la volée, le numéro n'apparaît pas.Voir le fourche violon.