메뉴 건너뛰기

2018.07.25 05:15

jQuery selectBox 컨트롤.

조회 수 2558 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

jQuery로 선택된 값 읽기

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

$("#select_box > option:selected").val()

$("select[name=name]").val();

 

jQuery로 선택된 내용 읽기

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

 

선택된 위치

var index = $("#test option").index($("#test option:selected"));

 

-------------------------------------------------------------------

 

// Add options to the end of a select

$("#selectBox").append("<option value='1'>Apples</option>");

$("#selectBox").append("<option value='2'>After Apples</option>");

 

// Add options to the start of a select

$("#selectBox").prepend("<option value='0'>Before Apples</option>");

 

// Replace all the options with new options

$("#selectBox")

.html("<option value='1'>oranges</option><option value='2'>Oranges</option>");

 

// Replace items at a certain index

$("#selectBox option:eq(1)")

.replaceWith("<option value='2'>apples</option>");

$("#selectBox option:eq(2)")

.replaceWith("<option value='3'>bananas</option>");

 

// 지정된 index 값으로 select 하기

$("#selectBox option:eq(2)").attr("selected""selected");

 

// text 값으로 select 하기

$("#selectBox").val("Some oranges").attr("selected""selected");

 

// value 값으로 select 하기

$("#selectBox").val("2");

$("#selectBox > option[@value=지정값]").attr("selected", "true");

 

// 지정된 인덱스 값의 item 삭제

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

 

// 첫번째 item 삭제

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

 

// 마지막 item 삭제

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

 

// 선택된 옵션의 text 구하기

alert($("#selectBox option:selected").text());

 

// 선택된 옵션의 value 구하기

alert($("#selectBox option:selected").val());

 

// 선택된 옵션 index 구하기

alert($("#selectBox option").index($("#selectBox option:selected")));

 

// SelecBox 아이템 갯수 구하기

alert($("#selectBox option").size());

 

// 선택된 옵션 앞의 아이템 갯수

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

 

// 선택된 옵션 후의 아이템 갯수

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

 

// 0번째 item 다음에 삽입

$("#selectBox option:eq(0)").after("<option value='4'>Some pears</option>");

 

// 3번째 item 전에 삽입

$("#selectBox option:eq(3)").before("<option value='5'>Some apricots</option>");

 

// select box 값이 변경될때 선택된 현재값

$("#selectBox").change(function() {

           alert($(this).val());

           alert($(this).children("option:selected").text());

});


  1. No Image 06Sep
    by
    2018/09/06 Views 2649 

    [jQuery] 확인 창(confirm), 페이지 이동(location.replace)

  2. 드래그 & 드랍 구현 - on()[이벤트리스너]

  3. 외부 파일 드래그 드롭 구현

  4. No Image 06Sep
    by
    2018/09/06 Views 2620 

    페이지 이동 제어 - href, replace, pushState()

  5. 입력폼에 입력되는 값의 유효성 체크하기 두번째

  6. No Image 06Sep
    by
    2018/09/06 Views 2092 

    jQuery 폼 입력값 체크 예제

  7. No Image 06Sep
    by
    2018/09/06 Views 5330 

    jquery - select option 선택값 가져오기

  8. No Image 25Jul
    by 조쉬
    2018/07/25 Views 2558 

    jQuery selectBox 컨트롤.

  9. No Image 04Jul
    by
    2018/07/04 Views 3362 

    jQuery 유효성 검사

  10. No Image 04Jul
    by
    2018/07/04 Views 4657 

    jquery 체크박스 배열 처리. 변수 하나에 담기.

  11. jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지]

  12. No Image 27Mar
    by
    2017/03/27 Views 8702 

    jquery를 활용한 입력폼 초기화하기

  13. No Image 11Mar
    by
    2017/03/11 Views 7791 

    Ajax 파일 업로드 샘플 코드

  14. No Image 06Mar
    by
    2017/03/06 Views 9028 

    파일 업로드 방법, 이미지 파일 업로드 예제 소스

  15. 예제로 만나보는 제이쿼리 - 비동기 파일업로드

  16. No Image 02Mar
    by
    2017/03/02 Views 11799 

    jQuery 입문: form 데이터 유효성 검사

  17. No Image 02Mar
    by
    2017/03/02 Views 6681 

    jQuery 실행패턴

  18. No Image 02Mar
    by
    2017/03/02 Views 10557 

    jquery 이용한 필수입력체크(input form)

  19. No Image 02Mar
    by
    2017/03/02 Views 7511 

    검토하기: jQuery를 이용하여 form 처리하기

  20. No Image 22Dec
    by
    2016/12/22 Views 10481 

    셀렉트박스에서 특정 옵션 선택시 레이어 나타내기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved