Wie kann ich mit jQuery den ausgewählten Text aus einer Dropdown-Liste abrufen?

Ausgewählten Optionstext aus Dropdown-Listen mit jQuery abrufen

Bei der Arbeit mit Dropdown-Listen in Webanwendungen ist dies häufig erforderlich um den Text zu erhalten, der mit der aktuell ausgewählten Option verknüpft ist, und nicht nur ihren Wert. Dies kann leicht mit jQuery erreicht werden, einer weit verbreiteten JavaScript-Bibliothek zur Bearbeitung des DOM.

Um den ausgewählten Text aus einer Dropdown-Liste abzurufen, können wir die Methode .text() verwenden, die uns dies ermöglicht , um auf den Textinhalt der ausgewählten Option zuzugreifen. Die Syntax ist unkompliziert:

$("#yourDropdownId option:selected").text();

Ersetzen Sie in diesem Codeausschnitt „yourDropdownId“ durch die tatsächliche ID Ihrer Dropdown-Liste. Durch die Kombination des Option:selected-Selektors mit der .text()-Methode erhalten wir effektiv den Text der aktuell ausgewählten Option.

Betrachten Sie beispielsweise eine Dropdown-Liste mit der ID „myDropDown“:

HTML:

<select></select>

Wenn derzeit die zweite Option ausgewählt ist, würde der folgende jQuery-Code „Option“ zurückgeben 2":

$("#myDropDown option:selected").text();

Diese Technik wird häufig in verschiedenen Szenarien verwendet, z. B. zur Anzeige des Textes der ausgewählten Option in Beschriftungen oder zur Bereitstellung personalisierten Feedbacks für Benutzer basierend auf ihrer Auswahl.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery den ausgewählten Text aus einer Dropdown-Liste abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!