JQuery Select Box 선택 값 가져오기, 옵션 사용법

HTML Select Box를 JQuery를 사용하여 구하는 방법에 대해서 알아 보겠습니다.

1. 선택한 Select Box의 Value를 구하는 부분

var selectedValue = $('#mySelectBox').val();

2. 선택한 Select Box의 Text를 구하는 부분

var selectedText = $('#mySelectBox option:selected').text();

3. Select Box의 옵션이 선택되었는지 확인 하는 부분

if (!$('#mySelectBox>option:selected').val()) {
    Console.log("값이 선택되지 않았습니다.");
    // 제어 구문 추가
}

4. Select Box의 전체 갯수를 확인하는 방법

var count = $('#mySelectBox option').length;

5. Select Box에서 이벤트 설정하는 방법

$("#mySelectBox").change(function () {    
    if ($("#mySelectBox").val() === "2") {
        $("#rowhidden").css("display", "");
    } else {
        $("#rowhidden").css("display", "none");
    }
});

감사합니다.