2018년 1월 4일 목요일

[jquery] select box 관련

// select box id로 선택된 값 읽기
1
$("#ID option:selected").val();
// select box name으로 선택된 값 읽기
1
$("select[name = NAME]").val();

// 선택 값의 index
1
var index = $("#ID option).index($("#ID option:selected"));

// select box에 option값 추가하기
1
$("#ID").append("<option value='1'>1번</option>");

// select box option의 맨 앞에 추가 할 경우
1
$("#ID").prepend("<option value='0'>0번</option>");

// select box의 html 전체를 변경할 경우
1
$("#ID").html("<option value='1'>1번</option><option value='2'>2번</option>");

// 직접 index 값을 주어 selected 속성 주기
1
$("#ID option:eq(1)").attr("selected, "selected");

// text 값으로 selected 속성 주기
1
$("#ID").val("1번").attr("selected""selected");

// value 값으로 selected 속성 주기
1
$("#ID").val("1");

// 해당 index item 삭제하기
1
$("#ID option:eq(0)").remove();

// 첫번째, 마지막 item 삭제하기
1
2
$("#ID option:first").remove();
$("#ID option:last").remove();

// 선택된 옵션의 text, value 구하기
1
2
$("#ID option:selected").text();
$("#ID option:selected").val();

// 선택된 값을 제외한 나머지 option 제거
1
2
$("#ID option:not(option:selected)").remove();
$("select[name = NAME] option:not(option:selected)").remove();

// 첫번째 값을 제외한 나머지 option 제거
1
2
$("#ID option:not(option:eq(0))").remove();
$("select[name = NAME] option:not(option:eq(0))").remove();

[출처] http://closetoyou.co.kr
Share:

0 개의 댓글:

댓글 쓰기