Discussion :

[Llyudy]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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() )
})

[Llyudy]

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

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

(':selected').html()

Le tout est de savoir sur quel event ...

[Llyudy]

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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