콤보의 값을 동적으로 재구성해야 하는 경우가 종종 발생한다. 그럴때, 다음 코드를 이용하자.
//콤보객체(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()와는 반대의 효과가 나타난다.