Heim > Web-Frontend > js-Tutorial > Wie kann ich mit jQuery den ausgewählten Wert eines Select-Steuerelements anhand einer Textbeschreibung festlegen?

Wie kann ich mit jQuery den ausgewählten Wert eines Select-Steuerelements anhand einer Textbeschreibung festlegen?

DDD
Freigeben: 2024-11-03 06:23:03
Original
544 Leute haben es durchsucht

How Can I Set the Selected Value of a Select Control by Text Description Using jQuery?

jQuery: Festlegen des ausgewählten Werts eines Auswahlsteuerelements anhand der Textbeschreibung

In diesem Szenario möchten Sie den ausgewählten Wert von a festlegen Wählen Sie das Steuerelement mithilfe von jQuery basierend auf seiner Textbeschreibung anstelle seines Werts aus. Während das Festlegen nach Wert mit $("#my-select").val(myVal) unkompliziert ist, suchen Sie nach einer Methode dafür über die Textbeschreibung.

Für jQuery-Versionen 1.6 und höher ist dies möglich Nutzen Sie den folgenden Ansatz:

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

Diese Lösung nutzt die Filterfunktion, um das Optionselement mit dem passenden Text auszuwählen, indem seine Textknoten durchlaufen werden. Anschließend wird die ausgewählte Eigenschaft des passenden Elements auf „true“ gesetzt, wodurch es effektiv als ausgewählte Option festgelegt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery den ausgewählten Wert eines Select-Steuerelements anhand einer Textbeschreibung festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage