JS, HTML & CSS

[jQuery] select box 관련

관리자 | 2014.07.02 15:33 | 조회 14495


// 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://seongilman.tistory.com/8



 

twitter facebook me2day 요즘
22개(1/2페이지)
JS, HTML & CSS
번호 제목 글쓴이 조회 날짜
22 [JQUERY] jquery json 관리자 6930 2014.08.19 17:27
>> [JQUERY] [jQuery] select box 관련 관리자 14496 2014.07.02 15:33
20 [JQUERY] ajax 로딩바 이미지 생성기 관리자 9682 2014.02.13 16:40
19 [JQUERY] 반응형 이미지맵 관리자 12410 2013.12.11 17:02
18 [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 관리자 8518 2013.08.05 11:40
17 [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 관리자 8357 2013.05.23 14:40
16 [JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동 첨부파일 관리자 8948 2013.04.10 12:09
15 [JQUERY] ajax 한글 처리 관리자 5514 2013.04.09 20:06
14 [라이브러리소개] 제이쿼리 + CSS 이용한 튜토리얼~ [1] 관리자 8938 2013.03.07 18:20
13 [JAVASCRIPT] 글자 자르기 관리자 5483 2013.03.06 12:02
12 [JQUERY] jquery mobile 페이지 이동, 링크 관리자 7275 2013.02.20 19:43
11 [JQUERY] AJAX 심플 예제~ json 관리자 13302 2013.02.08 14:03
10 [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 관리자 6435 2013.02.04 16:42
9 [JQUERY] AJAX 기본 관리자 5313 2013.01.25 15:57
8 [JQUERY] 무한 스크롤, infinite scroll 관리자 8645 2013.01.23 18:17
7 [JQUERY] 배열 checkbox 선택여부확인 관리자 7112 2013.01.21 15:17
6 [라이브러리소개] 롤링 갤러리 관리자 5553 2013.01.21 15:17
5 [JQUERY] 간단한 div 팝업 관리자 7368 2013.01.21 15:16
4 [라이브러리소개] 제이쿼리, 그래프, 그래프 종결자 첨부파일 [1] 관리자 10900 2013.01.21 15:16
3 [CSS] CSS 줄간격, 자간, 단어 간격 등 관리자 11038 2013.01.21 15:14
많이 본 글
댓글 많은 글