jQuery select box control (multiple) 선택박스(다중선택) Selector

나이를 먹어서 그런가...  메모리가 안된다..... ㅡ.ㅡ
스크립트 코딩하다 웹써핑하기 바쁘다는....ㅡ,.ㅡ
그래서 이번 기회에 정리 한번 해본다..

<select id="box" multiple="multiple">     <option value=1>one</option>     <option selected="selected" value=2>two</option>     <option value=3>three</option>     <option selected="selected">four</option> </select >

선택값 알기

$("#box").val();
result => 2,four

$("#box > option:selected").val()
result => 2

다중 선택인 multiple에서 .val()은 선택된 결과값을 모두 보여주는 반면
option:selected 를 했을경우에는 value 값이 있건 없건 제일 첫번째 선택된 값만 보여준다.
대부분의 블로그에서 아래방법을 포스팅하였던데....
그냥 val()을 쓰는게 짧고 더 옳은 방법인듯하다.

선택하기

$("#box > option[value=2]").attr("selected", true);
result => two가 선택됨

옵션 추가 하기

$("#box").append("five");

$("#box").get(0).options[5] = new Option("six","6");

여러가지 방법이 있지만 새롭게 값을 만들거나 DB의 값으로 option Dom을 만들경우
for문을 이용하여new option("a","b")를 이용하는게 낳을듯 싶다