Heim > Web-Frontend > js-Tutorial > Wie lege ich den ausgewählten Wert einer Dropdown-Liste mit jQuery fest?

Wie lege ich den ausgewählten Wert einer Dropdown-Liste mit jQuery fest?

DDD
Freigeben: 2024-11-26 05:42:09
Original
932 Leute haben es durchsucht

How to Set the Selected Value of a Drop-Down List Using jQuery?

Festlegen des ausgewählten Werts einer Dropdown-Liste mit jQuery

In jQuery ist das Festlegen des ausgewählten Werts einer Dropdown-Liste ähnelt der Verwendung von normalem JavaScript, mit einigen wesentlichen Unterschieden.

Um den Wert einer Dropdown-Liste auf einen bestimmten bekannten Wert festzulegen, können Sie Folgendes verwenden Code:

$("._statusDDL").val(2);
Nach dem Login kopieren

Dieser Code wählt das Element mit der CSS-Klasse _statusDDL aus, bei der es sich um die Dropdown-Liste handelt, die Sie ändern möchten. Anschließend wird die val()-Methode verwendet, um den Wert der ausgewählten Option auf 2 zu setzen.

In einigen Fällen kann es jedoch bei der Verwendung zu einer Fehlermeldung mit der Meldung „Die ausgewählte Eigenschaft konnte nicht festgelegt werden. Ungültiger Index“ kommen Dieser Ansatz in Internet Explorer 6. Um dieses Problem zu beheben, stellen Sie sicher, dass Ihr Code langsamer ausgeführt wird, um eine ordnungsgemäße Ausführung zu ermöglichen.

Eine weitere Option zum .change() des ausgewählten Werts ist:

$("._statusDDL").val('2').change();
Nach dem Login kopieren

Dieser Zusatz löst nach dem Festlegen des Werts das Ereignis change() aus und stellt sicher, dass die ausgewählte Option im Frontend korrekt angezeigt wird.

Die Dokumentation von jQuery gibt an, dass der Wert val( )-Methode kann Werte für Optionsfelder, Kontrollkästchen und Auswahloptionen sowohl prüfen als auch auswählen. Durch die Verwendung dieser Methode können Sie den Wert einer Dropdown-Liste mithilfe von jQuery effektiv auf eine gewünschte Option festlegen.

Das obige ist der detaillierte Inhalt vonWie lege ich den ausgewählten Wert einer Dropdown-Liste mit jQuery fest?. 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