Jak sprawdzić, czy opcja jest wybrana?

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

Najwyraźniej isCheckednie działa. Więc moje pytanie brzmi: jaki jest właściwy sposób, aby to zrobić? Dzięki.

AKTUALIZACJA

Bardziej bezpośrednią metodą jQuery do wybranej opcji byłaby:

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

Odpowiadając na pytanie .is(':selected'), szukasz:

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

Sposób inny niż jQuery (prawdopodobnie najlepsza praktyka) to:

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

Chociaż, jeśli szukasz tylko wybranej wartości, spróbuj:

$('#mySelectBox').val()

Jeśli szukasz tekstu wybranej wartości, wykonaj:

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

Sprawdź: http://api.jquery.com/selected-selector/

Następnym razem poszukaj podwójnych pytań SO:

Pobierz aktualnie wybraną opcję lub Ustaw wybraną opcję lub Jak uzyskać $ (tę) wybraną opcję w jQuery? lub opcja [selected = true] nie działa

Możesz uzyskać wybraną opcję w ten sposób:

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

DEMO NA ŻYWO

Ale jeśli chcesz iterować wszystkie opcje, zrób to z, this.selectedzamiast this.isCheckedktórych nie istnieje:

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

DEMO NA ŻYWO

Aktualizacja:

Masz wiele odpowiedzi sugerujących użycie tego:

$(this).is(':selected')cóż, można to zrobić dużo szybciej i łatwiej, this.selectedwięc dlaczego miałbyś używać tego, a nie natywnej metody elementów DOM ?!

Czytaj Know Your DOM właściwości i funkcje w jQuery informacji znacznika

Jeśli nie znasz lub nie czujesz się komfortowo is(), możesz po prostu sprawdzić wartość prop("selected").

Jak widać tutaj :

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

Edycja :

Jak @gdoron wskazał w komentarzach, szybszym i najbardziej odpowiednim sposobem uzyskania dostępu do wybranej właściwości opcji jest użycie selektora DOM. Oto aktualizacja skrzypiec wyświetlająca tę akcję.

if (this.selected == true) {

wydaje się działać równie dobrze! Dzięki, gdoron.

Możesz użyć tego sposobu przez 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>

posługiwać się

 $("#mySelectBox option:selected");

aby sprawdzić, czy jest to szczególna opcja myoption:

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

Potraktuj to jako swoją listę wyboru:

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

następnie zaznaczasz wybraną opcję w ten sposób:

function doSomething(param) {

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

}

W moim przypadku nie wiem, dlaczego wybrane jest zawsze prawdziwe. Więc jedyny sposób, w jaki mogłem wymyślić, to:

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

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

Jeśli chcesz tylko sprawdzić, czy opcja jest wybrana, nie musisz powtarzać wszystkich opcji. Po prostu zrób

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

Uwaga: Jeśli masz opcję o wartości = 0, którą chcesz wybrać, musisz zmienić warunek warunkowy na $('#mySelectBox').val() != null

Jeśli chcesz sprawdzić stan wybranej opcji dla określonej wartości :

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

Jeśli chcesz sprawdzić wybraną opcję przez javascript

Najprostszą metodą jest dodanie atrybutu onchange w tym tagu i zdefiniowanie funkcji w pliku js zobacz przykład jeśli twój plik html ma opcje takie jak ta

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

A teraz dodaj funkcję w pliku js

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

Jeśli chcesz sprawdzić wybraną opcję w pliku php

Po prostu podaj atrybut nazwy w swoim tagu i uzyskaj do niego dostęp do pliku php zmiennych globalnych / tablicy ($ _GET lub $ _POST) zobacz przykład, jeśli twój plik html jest podobny do tego

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

W swoim pliku validation.php php możesz uzyskać dostęp w ten sposób

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