Comment créer dynamiquement des options dans un élément sélectionné à l'aide de JavaScript ?

Ajout d'options à une sélection avec JavaScript

Q : Je souhaite créer dynamiquement des options de 12 à 100 dans un élément de sélection avec l'ID "mainSelect". Comment puis-je y parvenir sans créer manuellement chaque balise d'option ?

R : Voici une solution utilisant une simple boucle for :

var min = 12,
    max = 100,
    select = document.getElementById('selectElementId');

for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}

Dans ce code :

• Nous déclarons d'abord les valeurs minimales et maximales des options.
• Ensuite, nous obtenons l'élément select en utilisant document.getElementById().
• Ensuite, nous créons une boucle for qui itère à partir du min aux valeurs maximales.
• Pour chaque itération, nous créons un élément d'option, définissons sa valeur et son innerHTML, et enfin l'ajoutons à l'élément select.

Cette approche est efficace et vous permet de créer facilement une gamme d'options de manière dynamique pour n'importe quel élément de sélection donné.

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!