동적으로 콤보(select)의 항목(option) 생성하기

by 조쉬 posted Sep 21, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

콤보의 값을 동적으로 재구성해야 하는 경우가 종종 발생한다. 그럴때, 다음 코드를 이용하자.


//콤보객체(select)의 하위 객채(option)를 제거한다.

$('#콤보객체ID').empty();


//콤보객채(select)의 하위 객채(option)를 5개 생성한다.

for(var i=0; i<5; i++){

$('<option value="'+ i +'">' + i + '</option>').appendTo('#콤보객체ID');

}


//appendTo() 대신 append()를 이용해도 동일한 결과를 얻을 수 있다.

for(var i=0; i<5; i++){

$('#콤보객체ID').append('<option value="'+ i +'">' + i + '</option>');

}



$('<option value="'+ i +'">' + i + '</option>').prependTo('#콤보객체ID');


콤보객체의 앞 부분에 내용을 추가한다. .appendTo()와는 반대의 효과가 나타난다.