Wie wähle ich das erste Element in der Dropdown-Liste mit jquery aus?

Ich möchte wissen, wie ich mit jquery die erste Option in allen ausgewählten Tags auf meiner Seite auswähle.

versuchte dies:

$('select option:nth(0)').attr("selected", "selected"); 

Hat aber nicht funktioniert

Probieren Sie das aus ...

$('select option:first-child').attr("selected", "selected");

Eine andere Option wäre dies, aber es funktioniert jeweils nur für eine Dropdown-Liste, wie unten codiert:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

In diesem Beitrag erfahren Sie, wie Sie basierend auf dem Wert festlegen. Er ist interessant, hilft Ihnen jedoch bei diesem speziellen Problem nicht weiter:

Ändern Sie den ausgewählten Wert einer Dropdown-Liste mit jQuery

Ihr Selektor ist falsch, Sie haben wahrscheinlich gesucht

$('select option:nth-child(1)')

Dies wird auch funktionieren:

$('select option:first-child')

Eine alternative Lösung für RSolgberg, die das 'onchange'Ereignis auslöst, falls vorhanden:

$("#target").val($("#target option:first").val());

Wie kann ich die erste Option von <Auswahl> mit jQuery auswählen?

$("#DDLID").val( $("#DDLID option:first-child").val() );

Für vollständige Dropdown-Listenoperationen mit Jquery

Was Sie wollen, ist wahrscheinlich:

$("select option:first-child")

Was dieser Code

attr("selected", "selected");

Dabei wird das Attribut "ausgewählt" auf "ausgewählt" gesetzt.

Wenn Sie die ausgewählten Optionen möchten, unabhängig davon, ob es sich um das erste Kind handelt, lautet die Auswahl:

$("select").children("[selected]")

Ich antworte, weil die vorherigen Antworten mit der neuesten Version von jQuery nicht mehr funktionieren. Ich weiß nicht, wann es nicht mehr funktioniert, aber die Dokumentation besagt, dass .prop () seit jQuery 1.6 die bevorzugte Methode zum Abrufen / Festlegen von Eigenschaften ist.

So habe ich es zum Laufen gebracht (mit jQuery 3.2.1):

$('select option:nth-child(1)').prop("selected", true);

Ich verwende Knockoutjs und die Änderungsbindungen wurden nicht mit dem obigen Code ausgelöst, daher habe ich am Ende .change () hinzugefügt.

Folgendes brauchte ich für meine Lösung:

$('select option:nth-child(1)').prop("selected", true).change();

Siehe .prop () - Hinweise in der Dokumentation hier: http://api.jquery.com/prop/

Hier ist eine einfache javascriptLösung, die in den meisten Fällen funktioniert:

document.getElementById("selectId").selectedIndex = "0";

Wenn Sie den Text der ausgewählten Option überprüfen möchten, unabhängig davon, ob es sich um das erste untergeordnete Element handelt.

var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}

    var arr_select_val=[];

    $("select").each(function() { 
        var name=this.name;
            arr_select_val[name]=$('select option:first-child').val();
    });


// Process the array object
     $('.orders_status_summary_div').print(arr_select_val);