jQuery selectbox 제어 option 옵션 추가, 삭제, 바꾸기, 선택 제쿼리 함수
[추가]
처음에 추가
$("#selectId").prepend("<option value='0'>옵션앞에추가</option>");
끝에 추가
$("#selectId").append("<option value='1'>옵션끝에 추가/option>");
[삭제]
지정된 인덱스값의 item 삭제
$("#selectId option:eq(10)").remove();
첫번째 아이템 삭제
$("#selectId option:first").remove();
마지막 아이템 삭제
$("#selectId option:last").remove();
[바꾸기]
전부 바꾸기
$("#selectId").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");
해당 위치 바꾸기
$("#selectId option:eq(1)").replaceWith("<option value='2'>내용1</option>");
$("#selectId option:eq(2)").replaceWith("<option value='3'>내용2</option>");
[선택]
지정된 index값으로 select 하기
$("#selectId option:eq(2)").attr("selected", "selected");
text 값으로 select 하기
$("#selectId").val("텍스트값").attr("selected", "selected");
value값으로 select 하기
$("#selectId").val("4");
[읽기]
선택된 셀렉트 박스 값 읽기
$("#selectId option:selected").val();
$("select[name=name]").val();
선택된 텍스트 읽기
$("#selectId option:selected").text();
선택된 위치(인덱스) 확인
var index = $("#selectId option").index($("#selectId option:selected"));
[기타]
아이템 개수
alert(!$("#selectId option").size());
선택된 옵션 앞의 아이템 개수
alert(!$("#selectId option:selected").prevAl!l().size());
선택된 옵션 후의 아이템 갯수
alert(!$("#selectId option:selected").nextAll().size());
[추가]
처음에 추가
$("#selectId").prepend("<option value='0'>옵션앞에추가</option>");
끝에 추가
$("#selectId").append("<option value='1'>옵션끝에 추가/option>");
[삭제]
지정된 인덱스값의 item 삭제
$("#selectId option:eq(10)").remove();
첫번째 아이템 삭제
$("#selectId option:first").remove();
마지막 아이템 삭제
$("#selectId option:last").remove();
[바꾸기]
전부 바꾸기
$("#selectId").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");
해당 위치 바꾸기
$("#selectId option:eq(1)").replaceWith("<option value='2'>내용1</option>");
$("#selectId option:eq(2)").replaceWith("<option value='3'>내용2</option>");
[선택]
지정된 index값으로 select 하기
$("#selectId option:eq(2)").attr("selected", "selected");
text 값으로 select 하기
$("#selectId").val("텍스트값").attr("selected", "selected");
value값으로 select 하기
$("#selectId").val("4");
[읽기]
선택된 셀렉트 박스 값 읽기
$("#selectId option:selected").val();
$("select[name=name]").val();
선택된 텍스트 읽기
$("#selectId option:selected").text();
선택된 위치(인덱스) 확인
var index = $("#selectId option").index($("#selectId option:selected"));
[기타]
아이템 개수
alert(!$("#selectId option").size());
선택된 옵션 앞의 아이템 개수
alert(!$("#selectId option:selected").prevAl!l().size());
선택된 옵션 후의 아이템 갯수
alert(!$("#selectId option:selected").nextAll().size());