Problem:
Die bereitgestellte JavaScript-Funktion zielt darauf ab, Optionen von 12 bis zu erstellen 100 in einem
Lösung:
Um dieses Problem zu beheben, können wir eine einfache for-Schleife verwenden:
<code class="js">const min = 12; const max = 100; const select = document.getElementById('mainSelect'); for (let i = min; i <= max; i++) { const option = document.createElement('option'); option.value = i; option.textContent = i; select.appendChild(option); }</code>
Dieser Ansatz bietet eine effizientere und automatisiertere Möglichkeit, das Feld
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>
Mit dieser überarbeiteten Funktion können Sie den gewünschten Optionsbereich für jedes
Das obige ist der detaillierte Inhalt vonWie fülle ich ein ausgewähltes Element dynamisch mit Optionen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!