Heim > Web-Frontend > js-Tutorial > Wie fülle ich ein ausgewähltes Element dynamisch mit Optionen in JavaScript?

Wie fülle ich ein ausgewähltes Element dynamisch mit Optionen in JavaScript?

Susan Sarandon
Freigeben: 2024-11-03 19:19:29
Original
255 Leute haben es durchsucht

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

JavaScript-Funktion zum dynamischen Auffüllen ausgewählter Optionen

Problem:

Die bereitgestellte JavaScript-Funktion zielt darauf ab, Optionen von 12 bis zu erstellen 100 in einem zu füllen. Optionen.

Anpassung und Wiederverwendbarkeit:

Um die Benutzerfreundlichkeit der Funktion zu verbessern, können wir die Anpassung der Mindest- und Höchstwerte zulassen. Hier ist eine verbesserte Version, die zusätzliche Parameter akzeptiert:

<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>
Nach dem Login kopieren

Mit dieser überarbeiteten Funktion können Sie den gewünschten Optionsbereich für jedes