Wie kann JavaScript programmgesteuert Optionen in einem Auswahlfeld auswählen?

Programmatische Auswahl von Optionen in Auswahlfeldelementen mit JavaScript

In der Webentwicklung ist häufig das dynamische Festlegen des ausgewählten Werts eines Auswahlfeldelements erforderlich. JavaScript bietet eine praktische Methode, um dies zu erreichen.

Problem:

Bedenken Sie das folgende HTML-Auswahlfeldelement:

<select>

Wie gehen wir programmgesteuert vor? Wählen Sie die entsprechende Option basierend auf einer bestimmten Urlaubscodenummer (z. B. „11“) mit aus JavaScript?

Lösung:

Um eine Option dynamisch auszuwählen, können wir die folgende JavaScript-Funktion verwenden:

function selectElement(id, valueToSelect) {
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

Um diese Funktion zu verwenden, Übergeben Sie einfach die ID des Auswahlfeldelements (in unserem Fall „leaveCode“) und den Wert der Option, die Sie auswählen möchten (z. B. '11').

Beispiel:

selectElement('leaveCode', '11');

Dadurch wird die Option mit dem Wert „11“ (Krankenurlaub) im Auswahlfeld ausgewählt.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript programmgesteuert Optionen in einem Auswahlfeld auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!