Heim >Web-Frontend >js-Tutorial >Wie erhalte ich mit jQuery ausgewählten Text aus einer Dropdown-Liste?

Wie erhalte ich mit jQuery ausgewählten Text aus einer Dropdown-Liste?

DDD
DDDOriginal
2024-12-14 14:27:10529Durchsuche

How to Get Selected Text from a Dropdown List Using jQuery?

Ausgewählten Text aus Dropdown-Listen mit jQuery abrufen

Der tatsächliche Text des ausgewählten Elements muss aus einer Dropdown-Liste abgerufen werden ? jQuery bietet eine unkomplizierte Lösung:

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

Lassen Sie es uns aufschlüsseln:

  • $("#yourdropdownid"): Wählt die Dropdown-Liste mit aus die angegebene ID.
  • option: Zielt auf die Optionen (Listenelemente) innerhalb der Dropdown-Liste.
  • :selected: Filtert die Optionen, um die aktuell ausgewählte zu erhalten.
  • .text(): Extrahiert den Text Inhalt der ausgewählten Option.

Durch die Kombination dieser Elemente können Sie den ausgewählten Text einfach als Zeichenfolge abrufen. Wenn Ihre Dropdown-Liste beispielsweise die ID „mydropdown“ hat und die ausgewählte Option den Text „Red“ hat, können Sie sie wie folgt erhalten:

var selectedText = $("#mydropdown option:selected").text();

Dieser Ansatz ist besonders nützlich, wenn Sie ihn benötigen um den ausgewählten Text in Ihrem Code anzuzeigen oder zu bearbeiten, ohne sich auf den ausgewählten Wert zu verlassen.

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn