select box 제어

1. 선택한 값 읽기

$('#selectid option:selected').val();

2. 선택한 내용 읽기

$('#selectid option:selected').text();

3. 선택된 위치

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

4. option 추가

마지막 추가  $("#selectid").append("<option value='1'>Apples</option>");

처음에 추가  $("#selectid").prepend("<option value='0'>Apples</option>");

5. 모든 옵션 바꾸기

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

6. 지정된 인덱스값의 item 삭제

$("#selectBox option:eq(0)").remove();

 

7. 첫번째 item 삭제

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

 

8. 마지막 item 삭제

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

9. SelecBox 아이템 갯수 구하기

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