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

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

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

InformationsquelleAutor der Frage 0x56794E | 2012-04-18

196

UPDATE

Mehr direkte jQuery-Methode, um die ausgewählte option wäre:
```
var selected_option = $('#mySelectBox option:selected');
```
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:
```
$('#mySelectBox option').each(function() {
    if(this.selected) ...
```
Obwohl, wenn Sie gerade auf der Suche für den ausgewählten Wert versuchen:
```
$('#mySelectBox').val()
```
Wenn Sie schauen, für die der gewählte Wert ist der text:
```
$('#mySelectBox option').filter(':selected').text();
```
Check out: http://api.jquery.com/selected-selector/

Nächste mal suchen Sie nach doppelten Fragen:

Aktuelle ausgewählte option
oder
Legen Sie ausgewählte option
oder
How to get $(this) ausgewählte option in jQuery?
oder
option[selected=true] nicht funktioniert

InformationsquelleAutor der Antwort iambriansreed
22

Können Sie die ausgewählte option diese Weise:
```
$('#mySelectBox option:selected')...
```
LIVE DEMO

Aber wenn Sie Durchlaufen alle Optionen, tun Sie es mit this.selected statt this.isChecked die nicht existiert:
```
$('#mySelectBox option').each(function() {
    if (this.selected)
       alert('this option is selected');
     else
       alert('this is not');
});
```
LIVE DEMO

Update:

Sie bekam viele Antworten, die darauf hindeutet, Sie zu verwenden:

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

Lesen Wissen, Ihre DOM-Eigenschaften und-Funktionen in der jQuery info-tag

InformationsquelleAutor der Antwort gdoron
2

Wenn Sie nicht vertraut oder bequem mit is() könnte man einfach überprüfen Sie den Wert der prop("selected").

Wie hier zu sehen:
```
$('#mySelectBox option').each(function() {
    if ($(this).prop("selected") == true) {
       //do something
    } else {
       //do something
    }
});
```
Bearbeiten:

Als @gdoron darauf hingewiesen, in den Kommentaren, die schneller und am besten geeignete Weg, um auf die ausgewählte Eigenschaft einer option ist über das DOM-Selektor. Hier ist die Geige update Anzeige dieser Aktion.
```
if (this.selected == true) {
```
scheint zu funktionieren genauso gut! Dank gdoron.

InformationsquelleAutor der Antwort veeTrain

verwenden

 $("#mySelectBox option:selected");

testen, wenn Ihr eine bestimmte option myoption:

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

InformationsquelleAutor der Antwort Mouna Cheikhna

Betrachten Sie dies als Ihre select-Liste:

<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 prüfen Sie ausgewählte option wie folgt:

function doSomething(param) {

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

}

InformationsquelleAutor der Antwort Masoud Darvishian

In meinem Fall weiß ich nicht warum ausgewählt ist immer wahr. Also der einzige Weg, ich war in der Lage zu denken ist:

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

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

InformationsquelleAutor der Antwort Sergey Onishchenko

0

Wenn Sie nur wollen, um zu überprüfen, ob eine option aktiviert ist, dann brauchen Sie nicht zu Durchlaufen aller Optionen. Nur tun
```
if($('#mySelectBox').val()){
    //do something
} else {
    //do something else
}
```
Hinweis: Wenn Sie eine option mit Wert=0 ist, dass Sie wollen wählbar sein, Sie müssen die wenn-Bedingung zu $('#mySelectBox').val() != null

InformationsquelleAutor der Antwort Adam

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.