Come verificare se un'opzione è selezionata?

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

Apparentemente, il isCheckednon funziona. Quindi la mia domanda è qual è il modo corretto per farlo? Grazie.

AGGIORNARE

Un metodo jQuery più diretto sull'opzione selezionata sarebbe:

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

Rispondere alla domanda .is(':selected')è quello che stai cercando:

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

Il modo non jQuery (probabilmente la migliore pratica) per farlo sarebbe:

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

Tuttavia, se stai solo cercando il valore selezionato prova:

$('#mySelectBox').val()

Se stai cercando il testo del valore selezionato:

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

Dai un'occhiata: http://api.jquery.com/selected-selector/

La prossima volta cerca domande SO duplicate:

Ottieni l'opzione attualmente selezionata o Imposta l'opzione selezionata o Come ottenere l' opzione $ (questa) selezionata in jQuery? o l' opzione [selected = true] non funziona

È possibile ottenere l'opzione selezionata in questo modo:

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

DIMOSTRAZIONE DAL VIVO

Ma se vuoi iterare tutte le opzioni, fallo this.selectedinvece del this.isCheckedquale non esiste:

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

DIMOSTRAZIONE DAL VIVO

Aggiornare:

Hai un sacco di risposte che ti suggeriscono di usare questo:

$(this).is(':selected')bene, può essere fatto molto più velocemente e più facilmente, this.selectedquindi perché dovresti usarlo e non il metodo dell'elemento DOM nativo ?!

Leggi Conosci le proprietà e le funzioni del DOM nelle jQuery informazioni sui tag

Se non hai familiarità o dimestichezza is(), puoi semplicemente controllare il valore di prop("selected").

Come visto qui :

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

Modifica :

Come sottolineato da @gdoron nei commenti, il modo più rapido e appropriato per accedere alla proprietà selezionata di un'opzione è tramite il selettore DOM. Ecco l' aggiornamento del violino che mostra questa azione.

if (this.selected == true) {

sembra funzionare altrettanto bene! Grazie Gdoron.

È possibile utilizzare in questo modo da 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>

uso

 $("#mySelectBox option:selected");

per verificare se si tratta di un'opzione particolare myoption:

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

Considera questo come il tuo elenco selezionato:

<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>

quindi controlli l'opzione selezionata in questo modo:

function doSomething(param) {

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

}

Nel mio caso non so perché la selezione sia sempre vera. Quindi l'unico modo in cui sono stato in grado di pensare è:

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

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

Se si desidera solo verificare se un'opzione è selezionata, non è necessario scorrere tutte le opzioni. Basta fare

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

Nota: se si dispone di un'opzione con valore = 0 che si desidera sia selezionabile, è necessario modificare la condizione if in $('#mySelectBox').val() != null

Se è necessario selezionare l'opzione stato selezionato per un valore specifico :

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

Se vuoi controllare l'opzione selezionata tramite javascript

Il metodo più semplice è aggiungere l'attributo onchange in quel tag e definire una funzione nel file js vedi esempio se il tuo file html ha opzioni simili a questa

 <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>

E ora aggiungi la funzione nel file js

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

Se vuoi controllare l'opzione selezionata nel file php

Basta dare l'attributo name nel tuo tag e accedervi variabili / array globali del file php ($ _GET o $ _POST) vedi esempio se il tuo file html è simile a questo

<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>

E nel tuo file php validation.php puoi accedere in questo modo

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