동적으로 추가된 셀렉트박스에서 원하는 옵션 선택하기

동적으로 셀렉트 박스에 옵션을 생성하여 추가해준 후,

특정 이벤트 발생에 따라 원하는 옵션을 선택해줘야 할 때가 아주 많이 발생한다...

그럴 때는 당황하지 말고 이렇게

//옵션 순서를 알 경우 : 선택하고자 하는 옵션 순번을 명시하여 선택
$("#selectBox option:eq(n)").prop("selected", true);
 
//해당 옵션의 value를 알 경우 : 선택하고자 하는 value를 명시하여 선택
$("#selectBox").val("값").prop("selected", true);

해주면 된다.

처음에는 attr()을 써서 시도해보았으나 안되길래 찾아봤더니 

동적으로 추가된 요소에 대해서는 attr() 이 안 먹는 모양