Wie überprüfe ich, ob eine Option ausgewählt ist?

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

Anscheinend isCheckedfunktioniert das nicht. Meine Frage ist also, wie man das richtig macht. Vielen Dank.

AKTUALISIEREN

Eine direktere jQuery-Methode für die ausgewählte Option wäre:

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

Die Beantwortung der Frage .is(':selected')ist das, wonach Sie suchen:

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

Die Nicht-jQuery-Methode (wohl Best Practice) wäre:

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

Wenn Sie nur nach dem ausgewählten Wert suchen, versuchen Sie Folgendes:

$('#mySelectBox').val()

Wenn Sie nach dem Text des ausgewählten Werts suchen, gehen Sie wie folgt vor:

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

Überprüfen Sie heraus: http://api.jquery.com/selected-selector/

Suchen Sie beim nächsten Mal nach doppelten SO-Fragen:

Aktuelle ausgewählte Option abrufen oder Option auswählen oder Wie wird $ (diese) ausgewählte Option in jQuery abgerufen? oder Option [ausgewählt = wahr] funktioniert nicht

Sie können die ausgewählte Option folgendermaßen erhalten:

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

LIVE DEMO

Wenn Sie jedoch alle Optionen iterieren möchten, tun Sie dies mit, this.selectedanstatt this.isCheckedwelche nicht vorhanden sind:

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

LIVE DEMO

Aktualisieren:

Sie haben viele Antworten erhalten, die Ihnen empfehlen, dies zu verwenden:

$(this).is(':selected')Nun, es kann viel schneller und einfacher gemacht this.selectedwerden. Warum sollten Sie es verwenden und nicht die native DOM-Elementmethode?!

Lesen Sie Kennen Sie Ihre DOM-Eigenschaften und -Funktionen in den jQuery Tag-Informationen

Wenn Sie nicht vertraut oder vertraut sind is(), können Sie einfach den Wert von überprüfen prop("selected").

Wie hier zu sehen :

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

Bearbeiten :

Wie @gdoron in den Kommentaren hervorhob, ist der schnellere und am besten geeignete Weg, auf die ausgewählte Eigenschaft einer Option zuzugreifen, der DOM-Selektor. Hier ist das Geigen- Update , das diese Aktion anzeigt.

if (this.selected == true) {

scheint genauso gut zu funktionieren! Danke gdoron.

Sie können diesen Weg durch jquery verwenden:

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

verwenden

 $("#mySelectBox option:selected");

um zu testen, ob es sich um eine bestimmte Option handelt myoption:

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

Betrachten Sie dies als Ihre Auswahlliste:

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

Dann überprüfen Sie die ausgewählte Option wie folgt:

function doSomething(param) {

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

}

In meinem Fall weiß ich nicht, warum ausgewählt immer wahr ist. Der einzige Weg, den ich mir ausdenken konnte, ist:

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

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

Wenn Sie nur überprüfen möchten, ob eine Option ausgewählt ist, müssen Sie nicht alle Optionen durchlaufen. Mach einfach

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

Hinweis: Wenn Sie eine Option mit dem Wert = 0 haben, die ausgewählt werden soll, müssen Sie die if-Bedingung in ändern $('#mySelectBox').val() != null

Wenn Sie den ausgewählten Status der Option auf einen bestimmten Wert überprüfen müssen :

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

Wenn Sie die ausgewählte Option über Javascript überprüfen möchten

Die einfachste Methode ist das Hinzufügen eines onchange-Attributs in diesem Tag und das Definieren einer Funktion in der js-Datei. Siehe Beispiel, wenn Ihre HTML-Datei Optionen wie diese enthält

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

Und jetzt Funktion in js-Datei hinzufügen

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

Wenn Sie die ausgewählte Option in der PHP-Datei aktivieren möchten

Geben Sie einfach das Namensattribut in Ihr Tag ein und greifen Sie auf die globalen Variablen / das Array der PHP-Datei ($ _GET oder $ _POST) zu. Sehen Sie sich das Beispiel an, wenn Ihre HTML-Datei so ähnlich ist

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

Und in Ihrer PHP-Datei validation.php können Sie so zugreifen

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