Comment vérifier si une option est sélectionnée ?

Question

$('#mySelectBox option').each(function() {
    if ($(this).isChecked())
       alert('this option is selected');
     else
       alert('this is not');
});

Apparemment, le isChecked ne fonctionne pas. Ma question est donc la suivante : quelle est la bonne façon de procéder ? Merci.

Answer 1

UPDATE

Une méthode jQuery plus directe vers l'option sélectionnée serait :

var selected_option = $('#mySelectBox option:selected');

Répondre à la question .is(':selected') est ce que vous recherchez :

$('#mySelectBox option').each(function() {
    if($(this).is(':selected')) ...

La méthode non jQuery (sans doute la meilleure pratique) serait la suivante :

$('#mySelectBox option').each(function() {
    if(this.selected) ...

Cependant, si vous cherchez simplement la valeur sélectionnée, essayez :

$('#mySelectBox').val()

Si vous cherchez le texte de la valeur sélectionnée, faites :

$('#mySelectBox option').filter(':selected').text();

Vérifiez : http://api.jquery.com/selected-selector/

La prochaine fois, cherchez des questions de type SO en double :

Obtenir l'option sélectionnée actuelle ou Définir l'option sélectionnée ou Comment obtenir l'option sélectionnée $(this) en jQuery ? ou l'option [selected=true] ne fonctionne pas

Answer 2

Vous pouvez obtenir l'option choisie de cette façon :

$('#mySelectBox option:selected')...

DÉMO EN DIRECT

Mais si vous voulez itérer toutes les options, faites-le avec this.selected au lieu de this.isChecked qui n'existe pas :

$('#mySelectBox option').each(function() {
    if (this.selected)
       alert('this option is selected');
     else
       alert('this is not');
});

DÉMO EN DIRECT

Mise à jour :

Vous avez reçu de nombreuses réponses vous suggérant d'utiliser ceci :

$(this).is(':selected') et bien, cela peut être fait beaucoup plus rapidement et plus facilement avec this.selected alors pourquoi l'utiliser et non la méthode native des éléments du DOM !

Lire Connaître les propriétés et les fonctions de votre DOM dans le jQuery informations sur les étiquettes

Answer 3

Si vous n'êtes pas familier ou à l'aise avec is() vous pouvez simplement vérifier la valeur de prop("selected") .

Comme on le voit ici :

$('#mySelectBox option').each(function() {
    if ($(this).prop("selected") == true) {
       // do something
    } else {
       // do something
    }
});

Modifier :

Comme @gdoron l'a souligné dans les commentaires, le moyen le plus rapide et le plus approprié d'accéder à la propriété sélectionnée d'une option est de passer par le sélecteur DOM. Voici l'astuce mise à jour en affichant cette action.

if (this.selected == true) {

semble fonctionner tout aussi bien ! Merci gdoron.

Answer 4

Utiliser

 $("#mySelectBox option:selected");

pour tester si c'est une option particulière myoption :

 if($("#mySelectBox option:selected").text() == myoption){
          //...
 }

Answer 5

Dans mon cas, je ne sais pas pourquoi la sélection est toujours vraie. La seule solution à laquelle j'ai pu penser est la suivante :

var optionSelected = false;
$( '#select_element option' ).each( function( i, el ) {
    var optionHTMLStr = el.outerHTML;

    if ( optionHTMLStr.indexOf( 'selected' ) > 0 ) {
        optionSelected = true;
        return false;
    }
});