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

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

Apparemment, isCheckedcela ne fonctionne pas. Donc ma question est quelle est la bonne façon de faire cela? Merci.

METTRE À JOUR

Une méthode jQuery plus directe à 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 manière non jQuery (sans doute la meilleure pratique) de le faire serait:

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

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

$('#mySelectBox').val()

Si vous recherchez le texte de la valeur sélectionnée, procédez comme suit:

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

Consultez: http://api.jquery.com/selected-selector/

La prochaine fois, recherchez les questions 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) dans jQuery? ou l' option [selected = true] ne fonctionne pas

Vous pouvez obtenir l'option sélectionnée de cette façon:

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

DÉMO EN DIRECT

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

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

DÉMO EN DIRECT

Mettre à jour:

Vous avez beaucoup de réponses vous suggérant d'utiliser ceci:

$(this).is(':selected')Eh bien, cela peut être fait beaucoup plus rapidement et plus facilement, this.selectedalors pourquoi devriez-vous l'utiliser et non la méthode native de l'élément DOM?!

Lisez Connaître vos propriétés et fonctions DOM dans les jQuery informations de balise

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

Comme vu 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 via le sélecteur DOM. Voici la mise à jour du violon affichant cette action.

if (this.selected == true) {

semble fonctionner aussi bien! Merci gdoron.

Vous pouvez utiliser cette méthode par jquery:

$(document).ready(function(){
 $('#panel_master_user_job').change(function () {
 var job =  $('#panel_master_user_job').val();
 alert(job);
})
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="job" id="panel_master_user_job" class="form-control">
                                    <option value="master">Master</option>
                                    <option value="user">User</option>
                                    <option value="admin">Admin</option>
                                    <option value="custom">Custom</option>
                                </select>

utilisation

 $("#mySelectBox option:selected");

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

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

Considérez ceci comme votre liste de sélection:

<select onchange="var optionVal = $(this).find(':selected').val(); doSomething(optionVal)">

                                <option value="mostSeen">Most Seen</option>
                                <option value="newst">Newest</option>
                                <option value="mostSell">Most Sell</option>
                                <option value="mostCheap">Most Cheap</option>
                                <option value="mostExpensive">Most Expensive</option>

                            </select>

puis vous cochez l'option sélectionnée comme ceci:

function doSomething(param) {

    if ($(param.selected)) {
        alert(param + ' is selected!');
    }

}

Dans mon cas, je ne sais pas pourquoi sélectionné est toujours vrai. Donc, la seule façon que j'ai pu imaginer est:

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

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

Si vous souhaitez uniquement vérifier si une option est sélectionnée, vous n'avez pas besoin de parcourir toutes les options. Fais juste

if($('#mySelectBox').val()){
    // do something
} else {
    // do something else
}

Remarque: Si vous avez une option avec valeur = 0 que vous souhaitez sélectionner, vous devez modifier la condition if en $('#mySelectBox').val() != null

Si vous devez vérifier l'état de l'option sélectionnée pour une valeur spécifique :

$('#selectorId option[value=YOUR_VALUE]:selected')

Si vous souhaitez vérifier l'option sélectionnée via javascript

La méthode la plus simple consiste à ajouter un attribut onchange dans cette balise et à définir une fonction dans le fichier js voir un exemple si votre fichier html a des options comme celle-ci

 <select onchange="subjects(this.value)">
               <option>Select subject</option>
               <option value="Computer science">Computer science</option>
               <option value="Information Technolgy">Information Technolgy</option>
               <option value="Electronic Engineering">Electronic Engineering</option>
               <option value="Electrical Engineering">Electrical Engineering</option>
 </select>

Et maintenant, ajoutez une fonction dans le fichier js

function subjects(str){
    console.log(`selected option is ${str}`);
}

Si vous souhaitez vérifier l'option sélectionnée dans le fichier php

Donnez simplement l'attribut name dans votre balise et accédez-y au fichier php global variables / array ($ _GET ou $ _POST) voir un exemple si votre fichier html est quelque chose comme ça

<form action="validation.php" method="POST">
             Subject:<br>
            <select name="subject">
               <option>Select subject</option>
               <option value="Computer science">Computer science</option>
               <option value="Information Technolgy">Information Technolgy</option>
               <option value="Electronic Engineering">Electronic Engineering</option>
               <option value="Electrical Engineering">Electrical Engineering</option>
            </select><br>

         </form>

Et dans votre fichier php validation.php vous pouvez accéder comme ceci

$subject = $_POST['subject'];
echo "selected option is $subject";