Javascript Girl
  1. Javascript Girl
  3. Select2 jquery – Comment obtenir du texte dans selectbox
Intereting Posts
Existe-t-il un moyen d'obtenir l'heure actuelle en nanoseconde en utilisant JavaScript? Utilisation de Object.prototype.toString.call () pour retourner le type d'objet avec Javascript – ne fonctionne pas dans IE Contrairement à push (); UIWebView stringByEvaluatingJavaScriptFromString Javascript Error Math: Inexact Floats Obtenir l'attribut d'identification raphael dans le DOM La fonction pure donne des arguments strictement égaux donnant des résultats non strictement égaux Comment localiser une page de site HTML simple dans mon cas? Image animée avec Javascript Comment limiter le nombre de caractères par ligne dans la zone de texte à une valeur fixe Comment télécharger un fichier en utilisant un client de repos pour le nœud Calcul financier précis en JavaScript. Quels sont les Gotchas? Ouvrir par programme un menu déroulant Comment ajouter le deuxième axe Y pour Bar et Line chart dans Chart.js? Gardez Google Maps au centre de la carte tout en étant traîné?

Select2 jquery – Comment obtenir du texte dans selectbox

J'ai un texte d'entrée comme 

<input type="hidden" name="xa" id="xa" data-placeholder=".." style ="width: 360px;"/>

Et j'utilise select2 

 $("#xa").select2({...});

Maintenant, je veux recevoir du texte lorsque je presse "obtenir du texte" 

 $("#gettext").click(function () { alert($('#xa').val()); // or $('#xa').select2("val"); });

Mais il obtient l'identité du texte. Ce n'est pas du texte. Comment puis-je le faire. Merci

Select2 crée un attribut de data- à usage interne, s'il stocke certaines informations nécessaires comme id , la selected value de select2 instance. Cela permet d'extraire la selected value .

Communauté Select2 : chaque élément select2 tant que composant select2 doit contenir des clés d'identification et de texte.

Var id = $ (test) .select2 ('data'). Id ;

Var seletedVal = $ (test) .select2 ('data'). Texte ;

Mise à jour: Avec la dernière version de Select2, l'objet est stocké dans un tableau, de sorte que le texte doit être consulté comme ci-dessous ( jsfiddle link updated as well ).

$(test).select2('data')[0].text // au lieu de $ (test) .select2 ('data'). Texte

Merci pour la mise à jour @DiMono

Live Demo @ JSFiddle

Happy Coding 🙂

Vous pouvez obtenir la valeur du texte de l'élément actuellement sélectionné en: 

 $('#id').select2('data').text