Comment puis-je avoir un texte différent lorsqu'un élément est sélectionné, puis ce qui est affiché pour l'instant.Sélection2: Balises: Texte différent pour les balises sélectionnées
Contexte: Le texte I affichage dans l'option est assez long, donc je veux montrer une version plus courte, quand il est slected.
Vous pouvez utiliser l'option templateSelection de Select2 avec un attribut personnalisé à la balise d'option
HTML:
<select id="long" class="js-example-basic-multiple" multiple="multiple">
<option data-custom="" value="all">All </option>
<option data-custom="Lorem ipsum" value="#FF0000">Lorem ipsum dolor sit amet consectetur adipiscing elit</option>
<option data-custom="Sed do" value="#00FF00">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</option>
<option data-custom="Ut enim" value="#0000FF">Ut enim ad minim veniam quis nostrud exercitation</option>
<option data-custom="Duis aute" value="#FFFF00">Duis aute irure dolor in reprehenderit in voluptate velit esse</option>
</select>
Javascript:
jQuery(function() {
jQuery('#long').select2({
templateSelection: function (selection) {
return jQuery(selection.element).data('custom');
}
});
});