jQuery selectbox 제어

[선택]

지정된 index값으로 select 하기

$("#selectBoxID option:eq(2)").attr("selected", "selected");

text 값으로 select 하기

$("#selectBoxID").val("텍스트값").attr("selected", "selected");

value값으로 select 하기

$("#selectBoxID").val("4");

[읽기]

선택된 셀렉트 박스 값 읽기

$("#selectBoxID option:selected").val();

$("select[name=name]").val();

선택된 텍스트 읽기

$("#selectBoxID option:selected").text();

선택된 위치(인덱스) 확인

var index = $("#selectBoxID option").index($("#selectBoxID option:selected"));

[추가]

처음에 추가

$("#selectBoxID").prepend("<option value='0'>Before Apples</option>");

끝에 추가

$("#selectBoxID").append("<option value='1'>Apples</option>");

$("#selectBoxID").append("<option value='2'>After Apples</option>");

[삭제] 

지정된 인덱스값의 item 삭제

$("#selectBoxID option:eq(10)").remove();

첫번째 아이템 삭제

$("#selectBoxID option:first").remove();

마지막 아이템 삭제

$("#selectBoxID option:last").remove();

[바꾸기] 

전부 바꾸기

$("#selectBoxID").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");

해당 위치 바꾸기

$("#selectBoxID option:eq(1)").replaceWith("<option value='2'>내용1</option>");

$("#selectBoxID option:eq(2)").replaceWith("<option value='3'>내용2</option>");

 

[기타]

아이템 개수

alert(!$("#selectBoxID option").size());

선택된 옵션 앞의 아이템 개수

alert(!$("#selectBoxID option:selected").prevAl!l().size());

선택된 옵션 후의 아이템 갯수

alert(!$("#selectBoxID option:selected").nextAll().size());