Maison > interface Web > js tutoriel > Comment remplir dynamiquement un élément de sélection avec des options en JavaScript ?

Comment remplir dynamiquement un élément de sélection avec des options en JavaScript ?

Susan Sarandon
Libérer: 2024-11-03 19:19:29
original
265 Les gens l'ont consulté

How to Dynamically Populate a Select Element with Options in JavaScript?

Fonction JavaScript pour remplir dynamiquement les options de sélection

Problème :

La fonction JavaScript fournie vise à créer des options de 12 à 100 dans un options.

Personnalisation et réutilisabilité :

Pour améliorer la convivialité de la fonction, nous pouvons autoriser la personnalisation des valeurs minimales et maximales. Voici une version améliorée qui accepte des paramètres supplémentaires :

<code class="js">function populateSelect(selectElementId, min, max) {
  const select = document.getElementById(selectElementId);
  if (!min) { min = 0; }
  if (!max) { max = min + 100; }

  for (let i = min; i <= max; i++) {
    const option = document.createElement('option');
    option.value = i;
    option.textContent = i;
    select.appendChild(option);
  }
}</code>
Copier après la connexion

Cette fonction révisée vous permet de spécifier la plage d'options souhaitée pour toute fonction