js/jquery - selectBox controller ( 셀렉트박스 제어 )

js/jquery - selectBox controller ( 셀렉트박스 제어 )

selectBox option selected  ( 셀렉스박스 옵션 선택 ) 

// #id인 selectBox에서

// selectBox의 value 값이 menu1 인 값 선택

$("#id").val("menu1").prop("selected", true); 

// #id인 selectBox에서

// selectBox의 첫번째 옵션 값 선택

$("#id option:eq(0)").prop("selected", true); 

selectBox option append ( 셀렉트박스 옵션추가 )

$("#id").append("<option value='menu1'>Pizza</option>");

selectBox option replace ( 셀렉트박스 옵션변경 )

$("#id option:eq(1)").replaceWith("<option value='menu2'>Hotdog</option>");

selectBox option remove ( 셀렉트박스 옵션제거 )

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

 

// 셀렉트박스 처음/마지막 option 삭제

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

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

selectBox selected option text /value / index ( 셀렉트박스 선택된 옵션의 text / value / index )

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

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

 

$("#id option").index($("#id option:selected"));

 

selectBox option size ( 셀렉트 박스 옵션 갯수)

$("#id option").size();

 

// 선택된 옵션 이전/이후의 옵션 갯수

$("#id  option:selected").prevAll().size();

$("#id option:selected").nextAll().size();