Récupérer le contenu d'un option selected

Bonjour,

Je cherche à récupérer le contenu d'une option ayant pour attribut selected

Code:

---

1 2 3 4

<select class="form-control"> <option selected="selected" value="1"> 1 </option> <!-- Je voudrais récupérer le contenu de cette balise --> <option value="2"> 2 </option> </select>

---

J'arrive à obtenir l'élément courant dans le select, mais j'aimerais obtenir l'élément selected par défaut pour pouvoir le comparer ensuite .

Merci d'avance pour l'aide :)

Le value de l'option sélectionnée du select est retourné par .val du select

Le contenu d'une option selectionnée se récupère en pointant sur :selected

Code:

---

1 2 3

$( function(){ console.log ( 'le contenu de l\'option :'+$('.form-control:eq(0) :selected').html(),'\nle value du select: '+ $('.form-control:eq(0)').val() ) })

---

Merci de m'avoir répondu mais ce que je veux c'est le contenu qu'il y a dans la balise <option selected=selected>. Et je ne trouve pas comment faire :?.

Du genre je la stocke dans une variable et je la compare au option sélectionné ensuite

je t'ai donné le code pour le faire dans mon post précédent ...

lorsque l'option est selected value du select te retourne la valeur, pour le contenu html c'est le

Code:

---

(':selected').html()

---

Le tout est de savoir sur quel event ...

Ah j'ai compris en gros si je veux la valeur sélectionnée du début il faut que la stocke au chargement de la page, merci beaucoup pour les explications et le code

ou que tu la récupères dans le ready .

Code:

---

1 2 3 4

$( function(){ console.log ( $('.form-control:eq(0)' ).val() ) })

---