Maison > interface Web > js tutoriel > Créer dynamiquement une option dans l'élément sélectionné

Créer dynamiquement une option dans l'élément sélectionné

DDD
Libérer: 2024-10-20 22:35:30
original
1115 Les gens l'ont consulté

Dynamically create option in select element

Il existe deux manières de créer une option dynamiquement :

1) Utilisation du constructeur Option et de la méthode add()

2) Utiliser les méthodes DOM

1) Utilisation du constructeur Option et de la méthode add() :

let newOption = new Option('Option Text','Option Value');
const select = document.querySelector('select'); 
select.add(newOption,undefined);
Copier après la connexion

2) Utiliser les méthodes DOM :

// 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);
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal