¿Cómo verificar si una opción está seleccionada?

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

Aparentemente, el isCheckedno funciona. ¿Entonces mi pregunta es cuál es la forma correcta de hacer esto? Gracias.

ACTUALIZAR

Un método jQuery más directo a la opción seleccionada sería:

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

Responder a la pregunta .is(':selected')es lo que estás buscando:

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

La forma no jQuery (posiblemente la mejor práctica) de hacerlo sería:

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

Sin embargo, si solo está buscando el valor seleccionado, intente:

$('#mySelectBox').val()

Si está buscando el texto del valor seleccionado, haga lo siguiente:

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

Echa un vistazo: http://api.jquery.com/selected-selector/

La próxima vez busque preguntas SO duplicadas:

Obtener la opción seleccionada actual o Establecer la opción seleccionada o ¿Cómo obtener $ (esta) opción seleccionada en jQuery? o la opción [selected = true] no funciona

Puede obtener la opción seleccionada de esta manera:

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

DEMO EN VIVO

Pero si desea iterar todas las opciones, hágalo en this.selectedlugar de this.isCheckedlo que no existe:

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

DEMO EN VIVO

Actualizar:

Tienes muchas respuestas que te sugieren usar esto:

$(this).is(':selected')bueno, se puede hacer mucho más rápido y fácil, this.selected¿por qué debería usarlo y no el método de elemento DOM nativo?

Lea Conozca sus propiedades y funciones DOM en la información de la jQuery etiqueta

Si no está familiarizado o no se siente cómodo is(), simplemente puede verificar el valor de prop("selected").

Como se ve aquí :

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

Editar :

Como @gdoron señaló en los comentarios, la forma más rápida y adecuada de acceder a la propiedad seleccionada de una opción es a través del selector DOM. Aquí está la actualización de violín que muestra esta acción.

if (this.selected == true) {

parece funcionar igual de bien! Gracias gdoron.

Puedes usarlo de esta manera con 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>

utilizar

 $("#mySelectBox option:selected");

para probar si es una opción particular myoption:

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

Considere esto como su lista de selección:

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

luego marca la opción seleccionada de esta manera:

function doSomething(param) {

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

}

En mi caso, no sé por qué seleccionado siempre es cierto. Entonces, la única forma en que pude pensar es:

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

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

Si solo desea verificar si una opción está seleccionada, entonces no necesita recorrer todas las opciones. Solo haz

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

Nota: Si tiene una opción con valor = 0 que desea que se pueda seleccionar, debe cambiar la condición if a $('#mySelectBox').val() != null

Si necesita verificar la opción de estado seleccionado para un valor específico :

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

Si desea verificar la opción seleccionada a través de JavaScript

El método más simple es agregar el atributo onchange en esa etiqueta y definir una función en el archivo js, ​​ver ejemplo si su archivo html tiene opciones como esta

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

Y ahora agregue la función en el archivo js

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

Si desea verificar la opción seleccionada en el archivo php

Simplemente ingrese el atributo de nombre en su etiqueta y acceda a su variable / matriz global del archivo php ($ _GET o $ _POST). Vea un ejemplo si su archivo html es algo como esto

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

Y en su archivo php validation.php puede acceder de esta manera

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