„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Option im Auswahlelement dynamisch erstellen

Option im Auswahlelement dynamisch erstellen

Veröffentlicht am 20.11.2024
Durchsuche:764

Dynamically create option in select element

Es gibt zwei Möglichkeiten, eine Option dynamisch zu erstellen:

1) Verwendung des Option-Konstruktors und der add()-Methode

2) Verwendung der DOM-Methoden

1) Verwendung des Option-Konstruktors und der add()-Methode:

let newOption = new Option('Option Text','Option Value');
const select = document.querySelector('select'); 
select.add(newOption,undefined);

2) Verwendung der DOM-Methoden:

// create option using DOM
const newOption = document.createElement('option');
const optionText = document.createTextNode('Option Text');
// set option text
newOption.appendChild(optionText);
// and option value
newOption.setAttribute('value','Option Value');

const select = document.querySelector('select'); 
select.appendChild(newOption);
Freigabeerklärung Dieser Artikel ist reproduziert unter: https://dev.to/jharna_khatun/dynamical-create-option-in-select-element-d6c?1 Wenn es zu Verstößen besteht, wenden Sie sich bitte an [email protected], um ihn zu löschen.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3