Wie wähle ich mit jQuery eine Dropdown-Option anhand ihrer Textbeschreibung aus?

Ausgewählte Dropdown-Option anhand der Textbeschreibung mit jQuery festlegen

Im Bereich der Webentwicklung die Auswahl eines Elements innerhalb einer Auswahl Es kommt häufig zu einer Kontrolle anhand der Textbeschreibung. Während das Festlegen einer Option anhand ihres Werts unkompliziert ist, kann es eine Herausforderung sein, den entsprechenden Wert für eine bestimmte Textbeschreibung zu finden.

Genesis of the Query

Der Bedarf Diese Funktionalität ergibt sich aus der Situation, in der eine JavaScript-Variable eine Textzeichenfolge enthält und das Ziel darin besteht, die Dropdown-Option auszuwählen, deren Text mit dieser Zeichenfolge übereinstimmt. Im Gegensatz zur wertbasierten Auswahl, die die Syntax $("#my-select").val(myVal) verwendet, erfordert diese Aufgabe einen komplexeren Ansatz.

Das Rätsel lösen

Für jQuery-Versionen 1.6 und höher liegt die Lösung in der Nutzung der Methoden filter() und prop(). Die filter()-Methode durchsucht alle Optionen innerhalb des Auswahlsteuerelements und vergleicht ihre Textbeschreibungen mit der gewünschten Zeichenfolge. Das resultierende Element wird dann von der prop()-Methode als Ziel ausgewählt und setzt sein ausgewähltes Attribut auf „true“.

Beispielimplementierung

Betrachten Sie ein Auswahlsteuerelement mit zwei Optionen: „Eins“ und „Zwei“. Der folgende Code veranschaulicht, wie die Option mit dem Text „Zwei“ mithilfe des textbasierten Ansatzes ausgewählt wird:

<code class="javascript">var text1 = 'Two';
$("select option").filter(function() {
  //may want to use $.trim in here
  return $(this).text() == text1;
}).prop('selected', true);</code>

Dieser Code wählt effektiv die Option „Zwei“ in der Dropdown-Liste basierend auf ihrem Text aus Beschreibung, auch ohne ihren Wert zu kennen.

Das obige ist der detaillierte Inhalt vonWie wähle ich mit jQuery eine Dropdown-Option anhand ihrer Textbeschreibung aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!