Auswählen eines bestimmten Werts in einer Dropdown-Liste mit jQuery
Sie stehen vor einem Problem beim Festlegen des Werts eines Dropdown-Menüs Liste mit jQuery. Während Ihr JavaScript-Beispiel mit document.getElementById() und .value funktioniert, müssen Sie aufgrund klassenbasierter Selektorbeschränkungen jQuery verwenden.
jQuerys .val()-Methode für Dropdown-Listen
Die .val()-Methode von jQuery dient mehreren Zwecken. Gemäß der Dokumentation werden Elemente sowohl abgerufen als auch ihnen Werte zugewiesen. Bei Dropdown-Listen werden Optionen anhand der bereitgestellten Werte überprüft oder ausgewählt.
Lösung:
Um einen bestimmten Wert in einer Dropdown-Liste auszuwählen , können Sie .val() wie folgt verwenden:
$("._statusDDL").val('2');Dadurch wird der Dropdown-Liste der Wert „2“ zugewiesen. Um die Änderung jedoch visuell im Frontend darzustellen, können Sie .change() nach .val() hinzufügen:
$("._statusDDL").val('2').change();Behebung des Fehlers „Ungültiger Index“
Nachdem Sie Ihren Code wie vorgeschlagen angepasst haben, ist ein Fehler „Ungültiger Index“ aufgetreten. Dies liegt wahrscheinlich daran, dass Internet Explorer 6 verwendet wird. Anmerkungen zur jQuery-Dokumentation:
In IE6/7 kann select-one nicht mit dem Präfix „i“ für HTML 4-Dokumente oder Inhaltstypen geändert werden, die als text/html deklariert sind.
Um dieses Problem zu beheben Stellen Sie sicher, dass Ihr Dokument als XHTML deklariert ist und dass Sie das entsprechende Präfix verwenden. Darüber hinaus können Sie versuchen, .prop('selectedIndex', 2) oder .prop('value', '2') zu verwenden, um den ausgewählten Index bzw. Wert festzulegen.
Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery einen bestimmten Wert in einer Dropdown-Liste auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
