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

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

//콤보객체(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()와는 반대의 효과가 나타난다.