Wie kann ich mit jQuery die ausgewählte Option korrekt aus einem Dropdown-Menü abrufen?

Ausgewählte Option aus einer Dropdown-Liste mit jQuery abrufen

Beim Versuch, die ausgewählte Option aus einer Dropdown-Liste mit jQuerys $( abzurufen Wenn Sie die Methode „#id“).val() verwenden, kann es zu Szenarien kommen, in denen sie fehlschlägt. Ein solcher Fall entsteht, wenn die ausgewählte Option eine andere ID als das Dropdown selbst hat.

Betrachten Sie den folgenden HTML-Code:

<label for="name">Name</label>
<input type="text" name="name">

In diesem Beispiel hat die ausgewählte Option die ID „aioConceptName ." Durch die Verwendung von $("#aioConceptName").val() wird der Wert der ausgewählten Option nicht zurückgegeben, da er sich speziell auf das Dropdown-Element selbst bezieht.

Um die ausgewählte Option korrekt abzurufen, können Sie den folgenden Ansatz verwenden :

Für ausgewählten Text:

var conceptName = $('#aioConceptName').find(":selected").text();

Diese Codezeile ruft den Textinhalt des ausgewählten ab Option.

Für ausgewählten Wert:

var conceptName = $('#aioConceptName').find(":selected").val();

Diese Codezeile ruft das Wertattribut der ausgewählten Option ab.

Der Grund, warum $ ("#id").val() schlägt in diesem Szenario fehl, da das Klicken auf eine Option den Wert des Dropdown-Menüs selbst nicht ändert. Stattdessen wird lediglich die Eigenschaft :selected zur ausgewählten Option hinzugefügt, die ein untergeordnetes Element des Dropdowns ist.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery die ausgewählte Option korrekt aus einem Dropdown-Menü abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!