문제:
제공되는 JavaScript 함수는 12에서 12까지의 옵션을 생성하는 것을 목표로 합니다.
해결책:
이 문제를 해결하려면 간단한 for 루프를 활용할 수 있습니다.
<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>이 접근 방식은
사용자 정의 및 재사용성:
기능의 유용성을 높이기 위해 최소값과 최대값을 사용자 정의할 수 있습니다. 다음은 추가 매개변수를 허용하는 개선된 버전입니다.
<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>이 수정된 기능을 사용하면
위 내용은 JavaScript의 옵션을 사용하여 선택 요소를 동적으로 채우는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
