Comment obtenir le texte sélectionné d'une liste déroulante (select) avec jQuery ?

Solution : obtenir le texte de l'option sélectionnée en jQuery

Votre problème vient du fait que vous n'avez probablement pas attaché l'événement change au <select>, ou que votre sélecteur jQuery était incorrect. Voici une solution simple et complète :

HTML

```html Яблоко Груша Банан ```

jQuery

```javascript $('#mySelect').on('change', function() { var texteSelectionne = $(this).find('option:selected').text(); console.log(texteSelectionne); }); ```

Ou, en version plus concise (recommandée) :

```javascript $('#mySelect').change(function() { console.log( $(this).find('option:selected').text() ); }); ```

Pourquoi cela fonctionne-t-il ?

• $(this) fait référence à l'élément <select> lui-même.
• .find('option:selected') sélectionne l'option actuellement choisie.
• .text() récupère le contenu textuel (le texte visible entre les balises <option>).

Exemple complet avec mise à jour en direct

```html Яблоко Груша Банан ```

Maintenant, à chaque changement de sélection, la console affichera Яблоко, Груша ou Банан.

Si votre code ne fonctionnait pas, vérifiez que jQuery est bien chargé avant votre script, et que votre script se trouve après l'élément <select> ou dans un $(document).ready().