[jQuery] select box 변경

jQuery를 이용하여 select box의 내용을 동적으로 변경 시...

예를 들면 sel1 이라는 콤보에 sel2라는 콤보의 데이터(options)를 jQuery로 동적으로 변경 할 때엔

$("#sel1 option").each(function() {
    $(this).remove();
});
 
$("#sel2 option").each(function() {
    $("#sel1").append("" + this.text +"");
});

또는

$.each($("#sel1 option"), function() {
    $(this).remove();
});
 
$.each($("#sel2 option"), function() {
    $("#sel1").append("" + this.text +"");
});

※ 추가로 jQuery Mobile에선 내용 삽입(append) 후 refresh를 해줘야 반영됨.
$("#sel1").selectmenu("refresh");
또는
$("#sel1").selectmenu("refresh", true);