Wie überprüft man, ob eine Option ausgewählt ist?

Question

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

Anscheinend funktioniert die isChecked nicht. SO meine Frage ist, was ist der richtige Weg, dies zu tun? Danke.

Answer 1

UPDATE

Ein direkterer jQuery Methode der gewählten Option wäre:

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

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

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

Die nicht jQuery (wohl Best Practice) Weg es zu tun wäre:

Obwohl, wenn Sie nur für den gewählten Wert try suchen:

$('#mySelectBox').val() 

Wenn Sie sich für den Text des gewählten Wert zu tun:

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

Check out: http://api.jquery.com/selected-selector/

Das nächste Mal nach doppelten Fragen suchen:

Get current selected option oder Set selected option oder How to get $(this) selected option in jQuery? oder option[selected=true] doesn't work

Answer 2

Sie können die gewählte Option auf diese Weise erhalten:

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

LIVE DEMO

Aber wenn Sie möchten, alle Optionen zu durchlaufen, tun Sie es mit this.selected anstelle von this.isChecked die es nicht gibt:

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

LIVE DEMO

Update:

Sie viele Antworten bekam darauf hindeutet Sie diese verwenden:

$(this).is(':selected') gut, kann es ein getan werden viel schneller und einfacher mit this.selected also warum sollten Sie es verwenden und nicht die native DOM-Element-Methode ?!

lesen Ihre DOM Eigenschaften und Funktionen im jQuerytag info

Answer 3

wissen, ob Sie mit is() nicht vertraut oder bequem sind, können Sie nur den Wert von prop("selected") überprüfen.

As seen here:

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

bearbeiten:

Wie @gdoron in den Kommentaren darauf hingewiesen, desto schneller und am besten geeignete Weg, um die ausgewählte Eigenschaft einer Option für den Zugriff ist über den Wähler DOM. Hier ist die Geige update die diese Aktion anzeigt.

if (this.selected == true) { 

scheint genauso gut zu funktionieren! Danke Gdoron.

Answer 4

Verwendung

$("#mySelectBox option:selected"); 

Wenn es zu testen, eine bestimmte Option myoption:

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

Answer 5

In meinem Fall ich weiß nicht, warum immer wahr ist, ausgewählt. So ist die einzige Art, wie ich war in der Lage zu erdenken ist:

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

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

Answer 6

Wenn Sie nur überprüfen wollen, ob eine Option ausgewählt ist, dann müssen Sie nicht über alle Optionen zu durchlaufen. Just do

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

Hinweis: Wenn Sie eine Option mit Wert = 0, die Sie auswählbar sein wollen, müssen Sie die if-Bedingung ändern $('#mySelectBox').val() != null

Answer 7

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 ausgewählte Option wie folgt aus:

function doSomething(param) { 

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

}