JS, HTML & CSS
[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://seongilman.tistory.com/8
댓글 0개
| 엮인글 0개
22개(1/2페이지)
번호 | 제목 | 글쓴이 | 조회 | 날짜 |
---|---|---|---|---|
22 | [JQUERY] jquery json | 관리자 | 9502 | 2014.08.19 17:27 |
>> | [JQUERY] [jQuery] select box 관련 | 관리자 | 17453 | 2014.07.02 15:33 |
20 | [JQUERY] ajax 로딩바 이미지 생성기 | 관리자 | 12291 | 2014.02.13 16:40 |
19 | [JQUERY] 반응형 이미지맵 | 관리자 | 15106 | 2013.12.11 17:02 |
18 | [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 | 관리자 | 11014 | 2013.08.05 11:40 |
17 | [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 | 관리자 | 10824 | 2013.05.23 14:40 |
16 | [JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동 | 관리자 | 11791 | 2013.04.10 12:09 |
15 | [JQUERY] ajax 한글 처리 | 관리자 | 8120 | 2013.04.09 20:06 |
14 | [라이브러리소개] 제이쿼리 + CSS 이용한 튜토리얼~ [1] | 관리자 | 12007 | 2013.03.07 18:20 |
13 | [JAVASCRIPT] 글자 자르기 | 관리자 | 8065 | 2013.03.06 12:02 |
12 | [JQUERY] jquery mobile 페이지 이동, 링크 | 관리자 | 9870 | 2013.02.20 19:43 |
11 | [JQUERY] AJAX 심플 예제~ json | 관리자 | 16042 | 2013.02.08 14:03 |
10 | [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 | 관리자 | 9127 | 2013.02.04 16:42 |
9 | [JQUERY] AJAX 기본 | 관리자 | 7932 | 2013.01.25 15:57 |
8 | [JQUERY] 무한 스크롤, infinite scroll | 관리자 | 11490 | 2013.01.23 18:17 |
7 | [JQUERY] 배열 checkbox 선택여부확인 | 관리자 | 9762 | 2013.01.21 15:17 |
6 | [라이브러리소개] 롤링 갤러리 | 관리자 | 8113 | 2013.01.21 15:17 |
5 | [JQUERY] 간단한 div 팝업 | 관리자 | 10199 | 2013.01.21 15:16 |
4 | [라이브러리소개] 제이쿼리, 그래프, 그래프 종결자 [1] | 관리자 | 13617 | 2013.01.21 15:16 |
3 | [CSS] CSS 줄간격, 자간, 단어 간격 등 | 관리자 | 13896 | 2013.01.21 15:14 |
많이 본 글
댓글 많은 글