[JQuery] select box 에 option을 동적으로 추가해보자

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', { 
        value: item.value,
        text : item.text 
    }));
});

• $.each 는 $(items).each(function(){ ~ }); 으로 바꿀수 있다. 업어치나 메어치나.
• function(i,item) 의 i는 index이고, item은 인덱스에 해당하는 요소이다.
• #mySelect는 option을 지정할 selectbox의 id이다. 추가할 하위요소들의 공통된 상위 요소로 지정한다
  • option을 저렇게 생성하면 느리다고 items={option1:{value:1,text:1}}을 string으로 한줄에 append 하라는 의견이 있긴하다
• 이 예제에서 item은 obejct이며 각각 value 와 text를 key로 가지고 있다.